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é.
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:
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);
}