1. ホーム
  2. javascript

[解決済み] Googleマップのマーカーアイコン画像のサイズを変更する

2022-04-23 21:22:18

質問

マーカーのiconプロパティに画像を読み込むと、元のサイズで表示されてしまい、必要以上に大きくなってしまいます。

標準のサイズを小さくリサイズしたいのですが、どうすればいいですか?何か良い方法はありますか?

コードです。

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

解決方法は?

元のサイズが100×100で、50×50に拡大縮小したい場合は、Sizeの代わりにscaledSizeを使用します。

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