Intégrer plusieurs google map sur une page html
Bonjour à tous,
Comme le titre l'indique, je voudrais intégrer plusieurs google map sur une meme page. J'ai donc créé une première carte :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| function load() {
if (GBrowserIsCompatible()){
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(30, 0), 1);
// Paris
var point = new GLatLng(48.85929404029, 2.341461181640);
var MonIcon = new GIcon(G_DEFAULT_ICON);
MonIcon.iconSize=new GSize(32,33);
MonIcon.image="./css/mapPin2009.png";
var marker = new GMarker(point,MonIcon);
map.addOverlay(marker);
}
} |
avec le html
Code:
<div id="map" style="width:600px;height:400px"></div>
J'ai voulu créé une seconde carte avec la meme structure dans la function load et dans le html id=map2.
Avec ce système, la première carte s'affiche toujours mais pas la 2ème.
L'erreur ne vient pas de la 2ème carte car je l'ai testé indépendamment.
Je pense que cela vient des lignes suivantes qui ne peuvent être duppliqué pour afficher plusieurs cartes :
Code:
1 2
| var map = new GMap2(document.getElementById("map"));
var map2 = new GMap2(document.getElementById("map2")); |
Auriez-vous une méthode pour corriger cela ?
Merci d'avance pour vos réponses