Il y a environ 100 marqueurs sur une carte google plus un marqueur spécial qui doit être visible. Actuellement, les marqueurs qui l'entourent le cachent totalement ou partiellement lorsque la carte est agrandie. J'ai besoin que ce marqueur soit entièrement visible et je pense que le garder au-dessus de tous les autres marqueurs devrait faire l'affaire. Mais je ne peux pas trouver un moyen de modifier son ordre d'empilement (z-index).Google Maps: Comment changer l'index z d'un marqueur?
Répondre
Utilisez l'option zIndexProcess dans GMarkerOptions lorsque vous créez le marqueur souhaité. Par exemple:
var pt = new GLatLng(42.2659, -83.74861);
var marker = new GMarker(pt, {zIndexProcess: function() { return 9999; }});
map.addOverlay(marker);
Je crois que la valeur par défaut est d'avoir un z-index qui est la latitude du point du marqueur, ce qui devrait être assez fort à amener un seul marqueur à l'avant. De plus, c'était juste un exemple simple; vous pouvez définir l'index z de tous vos marqueurs de la manière simple ou complexe que vous voulez. Un autre exemple est d'avoir deux fonctions: une pour les marqueurs spéciaux et une pour les autres.
var pt1 = new GLatLng(42.2659, -83.74861);
var pt2 = new GLatLng(42.3000, -83.74000);
var marker1 = new GMarker(pt1, {zIndexProcess: specialMarker});
var marker2 = new GMarker(pt2, {zIndexProcess: normalMarker});
map.addOverlay(marker1);
map.addOverlay(marker2);
function specialMarker() {
return 9999;
}
function normalMarker() {
return Math.floor(Math.random()*1000);
}
Ah ... cela semble prometteur . Mais je me demande si le code 9999 est correct. Est-il possible d'avoir un marqueur avec un z-index> = 9999? –
J'ai édité ma réponse ci-dessus pour répondre à cette question. – Mark
J'ai été laissé entendre que je pourrais être capable d'utiliser la fonction GOverlay.getZIndex() pour trouver z-index des marqueurs qui doivent être rendus sur une latitude donnée, mais n'a pas pu le faire fonctionner :( –
Ceci est pour API Google Maps 2.
Pour API Google Maps 3 Utilisez le setZIndex (zIndex: nombre) du marqueur.
Voir: http://code.google.com/apis/maps/documentation/javascript/reference.html#Marker
Ajout à la réponse de jhanifen, si vous voulez obtenir votre un marqueur spécial pour être au-dessus de tout le reste, il est mis à zIndex google.maps.Marker.MAX_ZINDEX + 1. Cela permettra de s'assurer qu'il est au-dessus de tout marqueur sur la carte.
- 1. Marqueur dans Google Maps
- 2. Comment changer la couleur d'un marqueur Google Maps?
- 3. Comment supprimer un marqueur sur Google Maps?
- 4. Comment obtenir l'élément HTML DOM d'un marqueur Google Maps?
- 5. Marqueur Google Maps en tant que lien
- 6. marqueur gps sur google maps android
- 7. Comment obtenir le code HTML d'un marqueur Google Maps?
- 8. Google Maps - afficher/masquer le marqueur onclick
- 9. API Google Maps {removeOverlay (marqueur);} et {clearOverlays();}
- 10. Google Maps, comment désactiver les icônes de marqueur d'être traîné?
- 11. Comment animer un marqueur en douceur avec Google Maps?
- 12. Google Maps: Comment ajouter de l'ombre au marqueur personnalisé?
- 13. Comment changer MapTypeid dans Google Maps API v3?
- 14. Extension de marqueur de superposition sur Google Maps?
- 15. Google Maps API JS v2 - Simple Exemple de marqueur multiple
- 16. Déterminer si un marqueur est visible dans Google Maps
- 17. Google maps api ajouter un comportement étrange marqueur dans IE8?
- 18. Obtenir l'élément DOM d'un marqueur dans l'API Google Maps 3
- 19. Google Maps: Savoir à quel marqueur l'événement a été déclenché
- 20. API Google Maps ne centrant pas le marqueur
- 21. Utilisez un SVG pour un marqueur dans Google Maps?
- 22. taille marqueur mise en Google Maps de v3 dynamiquement
- 23. API Google Maps (statique) - marqueur personnalisé ne se présente pas
- 24. Google Maps - fenêtre de chargement sur le marqueur cliquez sur
- 25. Google maps - Étalage marqueur de la liste des résultats
- 26. Google Maps, la fenêtre d'information du marqueur n'apparaîtra pas?
- 27. API Google Maps
- 28. Clustering dans Google Maps
- 29. Superposition d'index z dans google maps version 3
- 30. Google Maps, Z Index et menus déroulants Javascript
La solution Google Maps API v3 est ici: http://salman-w.blogspot.com/2012/07/change-z-index-google-map-v3-markers.html –