especifique el tamaño del marcador personalizado en el mapa de google - javascript, google-maps, google-maps-api-3

Estoy tratando de poner marcadores personalizados en un mapa de Google. Los iconos que quiero usar son archivos png y varían según el tipo de punto que se coloca en el mapa. Tanto la ubicación del punto como la URL del archivo png para su marcador se extraen de una base de datos SQL.

El código que estoy usando es el siguiente

var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lon),
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP
//  marker:true
};
var infoWindow = new google.maps.InfoWindow();

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
for (i = 0; i < markers.length; i++) {
var data = markers[i]
var myLatlng = new google.maps.LatLng(data.lat, data.lon);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.venue,
icon: data.image
});

Cuando esto se ejecuta, tengo marcadores muy grandes en mi mapa, cada marcador es el correcto, pero son tan grandes que parece un revoltijo.

¿Alguna sugerencia sobre cómo controlar el tamaño del icono?

Respuestas

Puede especificar un google.maps.Icon como MarkerOptions, por ejemplo.

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.venue,
icon: {
url: data.image,
scaledSize: new google.maps.Size(32, 32)
}
});