Google Maps V3 marqueur avec étiquette
Comment puis-je ajouter une étiquette à mon marqueur si mes marqueurs sont renseignés sur ajax succès de chaque résultat.
map.gmap('addMarker', { 'position': new google.maps.LatLng(result.latitude, result.longitude) });
J'ai essayé comme ça, mais sans succès:
map.gmap('addMarker', {
'position': new google.maps.LatLng(result.latitude, result.longitude),
'bounds': true,
'icon': markerIcon,
'labelContent': 'A',
'labelAnchor': new google.maps.Point(result.latitude, result.longitude),
'labelClass': 'labels', //the CSS class for the label
'labelInBackground': false
});
Vous devez vous connecter pour publier un commentaire.
Je doute de la bibliothèque standard prend en charge cette.
Mais vous pouvez utiliser google maps à l'utilité de la bibliothèque:
http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries#MarkerWithLabel
Les notions de base sur le marqueur peut être trouvé ici: https://developers.google.com/maps/documentation/javascript/overlays#Markers
Si vous voulez juste pour montrer l'étiquette en dessous du marqueur, puis vous pouvez étendre google maps Marqueur pour ajouter une méthode de définition de l'étiquette et vous pouvez définir l'étiquette de l'objet par l'extension de google maps overlayView comme ça..
Cela fonctionne.
onRemove: function() { this.span.parentNode.removeChild(this.span); }
Soutien pour le caractère unique marqueur des étiquettes a été ajouté à Google Maps dans la version 3.21 (Août 2015). Voir la nouveau marqueur de l'étiquette de l'API.
Vous pouvez maintenant créer votre étiquette de marqueur comme ceci:
Si vous souhaitez voir le 1 caractère restriction supprimée, merci de voter pour ce problème.
Mise À Jour Octobre 2016:
Cette question a été fixé et de la version 3.26.10, Google Maps prend nativement en charge les multiples caractères des étiquettes en combinaison avec des icônes personnalisées à l'aide de MarkerLabels.
La façon de le faire sans utiliser de plugins est de faire une sous-classe de google OverlayView() la méthode.
https://developers.google.com/maps/documentation/javascript/reference?hl=en#OverlayView
Vous faire une fonction personnalisée et de l'appliquer à la carte.
Maintenant, vous prototype de votre sous-classe et ajouter du code HTML de nœuds:
}
vous devez également mettre en œuvre les supprimer et les fonctions de dessin comme indiqué dans les docs de l'API, ou cela ne fonctionnera pas.
C'est le sens de cela, vous aurez à faire un peu plus de travail dans votre mise en œuvre.