Redimensionner l'image de l'icône du marqueur Google Maps

Question

Lorsque je charge une image dans la propriété d'icône d'un marqueur, elle s'affiche avec sa taille originale, qui est beaucoup plus grande qu'elle ne devrait l'être.

Je veux redimensionner le standard à une taille plus petite. Quelle est la meilleure façon de procéder ?

Code :

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"
  });
}

Answer 1

Je viens d'avoir le même problème, mais un peu différent. J'avais déjà l'icône comme objet en tant que Philippe Boissonneault suggère, mais j'utilisais une image SVG.

Ce qui a résolu le problème pour moi était :
Passer d'une image SVG à une image PNG et suivantes Catherine Nyo sur le fait d'avoir une image qui est le double de la taille de ce que vous utiliserez.

Answer 2

Un débutant complet comme moi sur le sujet peut trouver plus difficile de mettre en œuvre l'une de ces réponses que, si vous en avez la maîtrise, de redimensionnez vous-même l'image avec un éditeur en ligne ou un éditeur de photos comme Photoshop.

Une image 500x500 apparaîtra plus grande sur la carte qu'une image 50x50.

Aucune programmation n'est requise.