2009-07-03 4 views
4

Ceci est un problème simple, mais je ne peux pas trouver une réponse nulle part ...superposition de texte à Google Maps

J'ai un script python qui retourne un tas de chiffres qui représente le nombre total d'éléments pour une région géographique donnée. J'ai un tas de .kml fichiers que j'ai fait qui représentent les limites géographiques pour chaque région. Je veux prendre les numéros créés par le script et les coller par-dessus la superposition .kml correspondante. Je n'arrive pas à comprendre comment faire ça. Je sais comment ajouter les fichiers .kml, mais je ne peux pas comprendre comment faire le texte. Theres beaucoup d'informations sur le site de Google sur la façon d'ajouter des icônes de marqueur, des polylignes, même des images à la carte, mais je ne peux pas trouver comment ajouter juste un peu de texte.

Répondre

3

Il existe quelques extensions tierces qui vous aideront à accomplir cela facilement. Essayez le ELabel. Cela fonctionne comme ceci:

var label = new ELabel(new GLatLng(44.3,-78.8), "Utopia", "style1"); 
map.addOverlay(label); 
+2

cette extension est écrite sous forme de google maps api version 2, pas 3 –

4

Vous pouvez traduire de la latitude, de la longitude à un décalage de pixel dans la division div avec la méthode fromLatLngToDivPixel de l'objet GMap2.

Pour afficher une division à ce décalage de pixel, vous devez l'attacher à la division cartographique appropriée. La carte est en réalité composée de plusieurs divs en couches appelés panneaux. Vous pouvez accéder à la div pour un volet particulier en utilisant le GMap2.getPane method. Vous pouvez essayer d'insérer votre div sur l'un des volets décrits dans l'énumération GMapPane.

Donc, pour résumer:

  • Attachez votre div texte position absolue (display: none) au div volet approprié.
  • Prenez votre latitude et longitude et traduisez-la en un décalage de pixel div de carte.
  • Définissez les attributs supérieur et gauche de votre div de texte positionné de manière absolue et affichez-le.
+0

pouvez-vous envoyer un exemple de code s'il vous plaît? – mossplix