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 65 66 67 68 69 70 71 72 73
| // JavaScript Document
window.onunload = function(){
GUnload();
}
window.onload = function(){
if (GBrowserIsCompatible()) {
// Init the map
var map = new GMap2(document.getElementById('map'));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(48.856667, 2.350987), 12);
// Point 1
// Creating a marker
var marker = new GMarker(new GLatLng(48.879906, 2.313697), {
draggable: true,
});
// Adding a click event to the marker
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindow('<table><tr><td><img src=http://www.toto.fr/toto.jpg width=60 height=54></td><td>blabla<br/>blabla<br/>blabla</br>blabla</td></tr></table>');
});
// Close InfoWindow at dragstart
GEvent.addListener(marker, "dragstart", function() {
map.closeInfoWindow();
});
// Add the marker to the map
map.addOverlay(marker);
// Point 2
// Creating a marker
var marker2 = new GMarker(new GLatLng(48.852909, 2.336977), {
draggable: true,
});
// Adding a click event to the marker
GEvent.addListener(marker2, "mouseover", function() {
marker2.openInfoWindow('<table><tr><td><img src=http://www.toto.fr/toto.jpg width=60 height=54></td><td>blabla<br/>blabla<br/>blabla</br>blablabla</td></tr></table>');
});
// Close InfoWindow at dragstart
GEvent.addListener(marker2, "dragstart", function() {
map.closeInfoWindow();
});
// Add the marker to the map
map.addOverlay(marker2);
// Point 3
// Creating a marker
var marker3 = new GMarker(new GLatLng(48.874366, 2.322735), {
draggable: true,
});
// Adding a click event to the marker
GEvent.addListener(marker3, "mouseover", function() {
marker3.openInfoWindow('<table><tr><td><img src=http://www.toto.fr/toto.jpg width=60 height=54></td><td>blabla<br/>blabla<br/>blabla</br>blabla</td></tr></table>');
});
// Close InfoWindow at dragstart
GEvent.addListener(marker3, "dragstart", function() {
map.closeInfoWindow();
});
// Add the marker to the map
map.addOverlay(marker3);
}
} |
Partager