Hola albertoroales,
Te dejo un código que he encontrado por ahí, puesto que yo estoy utilizando un componente para .NET que me hace la vida más facil, y no estoy programando directamente con JavaScript.
Pero veo en el código que he encontrado, que las propiedades y funciones son las mismas:
Código:
icon = new GIcon(G_DEFAULT_ICON);
icon.iconSize = new GSize(,);
icon.shadowSize = new GSize(, );
icon.iconAnchor = new GPoint(, );
icon.dragCrossSize = new GSize(, );
icon.dragCrossAnchor = new GPoint(,);
var markerData = {};
markerData.icon = icon;
var clientPoint = new GLatLng(google.loader.ClientLocation.latitude, google.loader.ClientLocation.longitude);
var clientMarker = new GMarker(clientPoint, markerData);
map.addOverlay(clientMarker);
handlers.markerClickHandler = GEvent.addListener(clientMarker, "click", function() {
clientMarker.openInfoWindowHtml('Hello World!');
});
iconSize: Tamaño de la imagen que usas como icono.
shadowSize: Tamaño de la sombra.
iconAnchor: El punto de la imagen que queremos posicionar, teniendo en cuenta que la esquina superior izquierda corresponde al punto 0,0
La verdad es que el resto de propiedades no las he utilizado. Con esto deberías poder posicionar correctamente los iconos.
Si que he utilizado una propiedad más, que aquí no aparece, llamada "infoWindowAnchor", pero se trata del punto desde el que deseas que aparezca el "globito" cuando pinchas en un icono. Afortunadamente, parece que Google nos deja especificar bastantes cosas a nuestro gusto.
Espero haberte ayudado.
Saludos.
