2010-01-18 3 views
0

J'ai utilisé l'API Google Maps et j'ai besoin d'afficher ce que je comprends est une superposition standard qui affiche l'adresse et les liens de "comment arriver ici", "ici", "appliquer un zoom ici" etcGoogle maps api - insérer "Comment arriver d'ici, ici" en superposition?

J'ai l'overlay qui fonctionne comme ça mais ce n'est pas standard, je peux le personnaliser ... y a-t-il un moyen d'insérer le overlay standard comme expliqué plus haut?

Voici mon code pour insérer une superposition personnalisée

 var marker = new GMarker(point); // Create the marker 
     map.addOverlay(marker);   // And add it to the map 

     // And open some infowindow, with some HTML text in it 
     marker.openInfoWindowHtml(
    'This is my test!!!, <strong>test </strong>' 
    ); 

Toute aide vraiment appeciated

Merci

Répondre

0

Pour autant que je sais qu'il n'y a pas de superposition standard. Voici le code qui va vous aider. Vous pouvez ajouter des fonctionnalités en changeant le paramètre info comme vous le souhaitez.

if(GBrowserIsCompatible()) { 
    walkmap = new GMap2(document.getElementById("walkmap")) ; 
    walkmap.setCenter(new GLatLng(11.22,-33.44), 16) ; 
    walkmap.setMapType(G_HYBRID_MAP) ; 

    var baseIcon = new GIcon(); 
    baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png"; 
    baseIcon.iconSize = new GSize(20, 34); 
    baseIcon.shadowSize = new GSize(37, 34); 
    baseIcon.iconAnchor = new GPoint(9, 34); 
    baseIcon.infoWindowAnchor = new GPoint(9, 34); 
    baseIcon.infoShadowAnchor = new GPoint(18, 25); 

    var Marker = function(point, info, image) { 
     var point = point ; 
     var icon = new GIcon(baseIcon) ; 
     icon.image = image ; 
     var marker = new GMarker(point, icon) ; 
     marker.info = info ; 
     marker.showInfo = function() { 
      this.openInfoWindowHtml(this.info) ; 
     } 
     GEvent.addListener(marker, "click", function() { 
      marker.showInfo() ; 
     }); 
     walkmap.addOverlay(marker) ; 
     return marker ; 
    } 

    new Marker(new GLatLng(11.22,-33.44), "My marker", "http://www.google.com/intl/en_us/mapfiles/dd-start.png") ; 
} 
+0

Merci, mais il me donne l'erreur "baseIcon" n'est pas défini .. Où est défini baseIcon ?? –

+0

Check it out, j'ai ajouté quelques lignes supplémentaires. –

+0

Merci .. oui ça fonctionne maintenant sans erreur ... mais tout cela le fait créer un marqueur ... et je dois cliquer sur le marqueur puis une fenêtre apparaît avec les mots "mon marqueur" ... je suis va prendre un ascendum de mon ancienne version qui fonctionne .. mais il a été fait avec un cadre et en passant dans une url pas l'api .... 1 moment –