Agregar etiqueta de numeración al marcador del mapa de Google

Question

¿Puedo saber cómo agregar la etiqueta de numeración al marcador del mapa de google con la API de google api? Simplemente agregue la etiqueta, no intente cambiar el ícono. Gracias.

Answer 1

Si no desea utilizar iconos personalizados para cada marcador, le sugiero que busque crear una clase de etiqueta con OverlayView y luego vincular la posición al marcador.

O usted podría mirar a usar algo como: http://github.com/nmccready/google-maps-utility-library-v3-infobox

Answer 2

Consulte el ejemplo en http://www.geocodezip.com/basic8j.asp?filename=example_number.xml (para V2 de la API). También hubo una pregunta aquí sobre algo similar: How can I create numbered map markers in Google Maps V3?.

Answer 3

Creo que una mejor solución es utilizar un infoWindow. Algo como esto:

$(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); 
});