Cómo crear iconos personalizados para Google Maps API

Añadido el 07/03/2007

Si creas tu propia aplicación con la API de Google Maps, los puntos que señales sobre los mapas aparecerán con este icono por defecto.

Pero también puedes personalizarlo, y cambiarlo por el que tú quieras para darle un toque distintivo a tu aplicación. Sin embargo, no es tan sencillo como sustituir la imagen por defecto por la tuya, porque hay que modificar algunos parámetros y añadir alguna que otra imagen.

En este útil post del blog oficial de "Google Maps API", Bret Taylor nos ofrece un breve ejemplo sobre cómo personalizar el icono mediante la imagen de un pavo. Además de cambiar la imagen, ha añadido una sombra, ha dejado un espacio a la derecha del pavo, y ha seleccionado los puntos exactos para "enganchar" la imagen sobre el mapa. El codigo sería el siguiente:

var icon = new GIcon();  
icon.image = "http://www.google.com/mapfiles/turkey.png";  
icon.shadow = "http://www.google.com/mapfiles/turkeyshadow.png";  
icon.iconSize = new GSize(59, 62); 
icon.shadowSize = new GSize(91, 62); 
icon.iconAnchor = new GPoint(37, 59); 
icon.infoWindowAnchor = new GPoint(31, 8);    
var map = new GMap(document.getElementById("map"));  
map.addControl(new GMapTypeControl()); 
map.addControl(new GSmallMapControl());  
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);    
map.addOverlay(new GMarker(map.getCenterLatLng(), icon));

Solo tienes que sustituir la imagen por la que desees.