Aggiungi etichetta numerata all'indicatore google map

Question

Posso sapere come aggiungere un'etichetta di numerazione a Google map marker utilizzando google map api? Basta aggiungere un'etichetta, non provare a cambiare l'icona. Grazie.

Answer 1

Se non si desidera utilizzare le icone personalizzate per ciascun indicatore, suggerisco di creare una classe etichetta con OverlayView e quindi legare la posizione al marcatore.

Oppure si potrebbe guardare con qualcosa di simile: http://github.com/nmccready/google-maps-utility-library-v3-infobox

Answer 2

Controlla l'esempio su http://www.geocodezip.com/basic8j.asp?filename=example_number.xml (per V2 dell'API). C'era anche una domanda qui su qualcosa di simile - How can I create numbered map markers in Google Maps V3?.

Answer 3

Credo che una soluzione migliore è quella di utilizzare un infowindow. Qualcosa del genere:

$(document).ready(function() { 
    var golfoMexico = new google.maps.LatLng(20.61536,-87.078975); 
    var settings = { 
     zoom: 18, 
     center: golfoMexico, 
     mapTypeControl: true, 
     mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, 
     navigationControl: true, 
     navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN}, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), settings); 
    var pos1= new google.maps.LatLng(20.61536,-87.078975); 
    var infowindow = new google.maps.InfoWindow({ 
      content: "Casa Stavola F8 II" 
     }); 
    var companyMarker = new google.maps.Marker({ position: pos1, map: map,title:"Casa Stavola F8 II", visible:true}); 
    infowindow.open(map,companyMarker); 
});