icon google example custom google-maps google-maps-api-3 visual-refresh

google-maps - custom - google.maps.marker example



Íconos de Google Map con VisualRefresh (2)

¿Cómo puedo usar los iconos predeterminados "nuevos" para Google Maps cuando uso la configuración de VisualRefresh?

El ícono predeterminado es: http://mt.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1

Las direcciones anteriores se veían así: http://maps.google.com/mapfiles/marker_green.png , pero el uso de los iconos nuevos y antiguos en el mismo mapa no se ve bien.


No tengo una lista oficial, pero investigué.

https://mt.google.com/vt/icon/text=A&psize=16&font=fonts/arialuni_t.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-b.png&ax=44&ay=48&scale=1

Use esa URL y puede cambiar fácilmente el texto, el tamaño, la fuente y el color según su preferencia,
sin embargo, el parámetro de color solo cambiará el color del texto. pero si cambias waypoint-b.png a waypoint-a.png obtienes un marcador verde.

Lista de iconos:

Marcadores:

Lugares:

Tráfico:

Diverso:

Mire las URL y observe la L que también puede ser S o M , observe el _v_ y _search_ en los nombres.
En los iconos de tránsito puede cambiar de large a tiny , mini y small .

Probablemente haya más. pero eso es todo lo que he encontrado hasta ahora.


Según la respuesta de «77120», he utilizado lo siguiente:

http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•

Pero, bueno, no es la mejor manera, aunque funciona ...

Así que al final mi código se ve así:

function initialize() { var mapOptions = { center: new google.maps.LatLng(46.951081, 7.438637), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); var marker = new google.maps.Marker({ icon: { url: ''http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•&scale=1'' }, position: new google.maps.LatLng(46.951081, 7.438637), title:"My Custom Marker", animation: google.maps.Animation.DROP }); // To add the marker to the map, call setMap(); marker.setMap(map); }