Cambiar el tamaño de la imagen del icono de marcador de Google Maps

Cuando cargo una imagen en la propiedad del icono de un marcador, se muestra con su tamaño original, que es mucho más grande de lo que debería ser.

Quiero cambiar el tamaño al estándar a un tamaño más pequeño. ¿Cuál es la mejor manera de hacer esto?

Código:

function addMyPos(latitude,longitude){
  position = new google.maps.LatLng(latitude,longitude)
  marker = new google.maps.Marker({
    position: position,
    map: map,
    icon: "../res/sit_marron.png"
  });
}

Si el tamaño original es 100 x 100 y desea escalarlo a 50 x 50, use scaledSize en lugar de Size.

var icon = {
    url: "../res/sit_marron.png", // url
    scaledSize: new google.maps.Size(50, 50), // scaled size
    origin: new google.maps.Point(0,0), // origin
    anchor: new google.maps.Point(0, 0) // anchor
};

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(lat, lng),
    map: map,
    icon: icon
});

Como se menciona en los comentarios, esta es la solución actualizada a favor del objeto Icon con documentación.

Usar objeto de icono

var icon = {
    url: "../res/sit_marron.png", // url
    scaledSize: new google.maps.Size(50, 50), // scaled size
    origin: new google.maps.Point(0,0), // origin
    anchor: new google.maps.Point(0, 0) // anchor
};

 posicion = new google.maps.LatLng(latitud,longitud)
 marker = new google.maps.Marker({
  position: posicion,
  map: map,
  icon: icon
 });

MarkerImage ha quedado en desuso para Icon

Hasta la versión 3.10 de la API JavaScript de Google Maps, los iconos complejos se definían como objetos MarkerImage. El literal del objeto Icon se agregó en 3.10 y reemplaza MarkerImage desde la versión 3.11 en adelante. Los literales de objeto de icono admiten los mismos parámetros que MarkerImage, lo que le permite convertir fácilmente una imagen de marcador en un icono eliminando el constructor, envolviendo los parámetros anteriores en {} 's y agregando los nombres de cada parámetro.

El código de Phillippe ahora sería:

 var icon = {
     url: "../res/sit_marron.png", // url
     scaledSize: new google.maps.Size(width, height), // size
     origin: new google.maps.Point(0,0), // origin
     anchor: new google.maps.Point(anchor_left, anchor_top) // anchor 
 };

 position = new google.maps.LatLng(latitud,longitud)
 marker = new google.maps.Marker({
  position: position,
  map: map,
  icon: icon
 });

Eliminar origen y ancla será imagen más regular

  var icon = {
        url: "image path", // url
        scaledSize: new google.maps.Size(50, 50), // size
    };

 marker = new google.maps.Marker({
  position: new google.maps.LatLng(lat, long),
  map: map,
  icon: icon
 });

Un principiante completo como yo en el tema puede encontrar más difícil implementar una de estas respuestas que, si está bajo su control, cambiar el tamaño de la imagen usted mismo con un editor en línea o un editor de fotos como Photoshop.

Una imagen de 500x500 aparecerá más grande en el mapa que una imagen de 50x50.

No se requiere programación.

Así que tuve este mismo problema, pero un poco diferente. Ya tenía el ícono como un objeto como sugiere Philippe Boissonneault , pero estaba usando una imagen SVG.

Lo que lo resolvió para mí fue:
cambiar de una imagen SVG a una PNG y seguir a Catherine Nyo para obtener una imagen que sea el doble del tamaño de lo que usará.

Si está utilizando vue2-google-maps como yo, el código para establecer el tamaño se ve así:

<gmap-marker
  ..
  :icon="{
    ..
    anchor: { x: iconSize, y: iconSize },
    scaledSize: { height: iconSize, width: iconSize },
  }"
>