1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
<script type="text/javascript">
function initMap() {
var map = new google.maps.Map(document
.getElementById('map'), {
zoom : 5,
center : {
lat : 46.80,
lng : 1.70
}
});
var tMarker = [ {
'lat' : 45.767299,
'lon' : 4.834329,
'title' : 'Lyon',
'info': 'Ville de Lyon'
}, {
'lat' : 48.856667,
'lon' : 2.350987,
'title' : 'Paris',
'info': 'Ville de Paris'
}, {
'lat' : 44.837368,
'lon' : -0.576144,
'title' : 'Bordeaux',
'info': 'Ville de Bordeaux'
}, {
'lat' : 43.297612,
'lon' : 5.381042,
'title' : 'Marseille',
'info': 'Ville de Marseille'
} ];
for (i = 0; i <= 3; i++) {
var marker = new google.maps.Marker({
map : map,
draggable : true,
animation : google.maps.Animation.DROP,
position : {
lat : tMarker[i].lat,
lng : tMarker[i].lon
},
title : tMarker[i].title
});
var infowindow = new google.maps.InfoWindow({ // Create a new InfoWindow
content: marker.title + " => This is <strong>Megamall Penang</strong>, <br /><em>one</em> of shopping centres that has a cinema!" // HTML contents of the InfoWindow
});
google.maps.event.addListener(marker, 'mouseover', function() { // Add a Click Listener to our marker
infowindow.open(map,marker); // Open our InfoWindow
});
google.maps.event.addListener(marker, 'mouseout', function() { // Add a Click Listener to our marker
infowindow.close(map,marker); // Open our InfoWindow
});
}
}
</script> |
