☰

Google マップのマーカーアイコン画像のサイズを変更する 質問する

tag-icon • tag-icon javascript google-maps google-maps-markers image-resizing
Google マップのマーカーアイコン画像のサイズを変更する 質問する

マーカーのアイコン プロパティに画像を読み込むと、元のサイズで表示されますが、これは本来のサイズよりもはるかに大きくなります。

標準のサイズより小さいサイズにサイズを変更したいのですが、これを行う最善の方法は何ですか?

コード：

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

ベストアンサー1

元のサイズが 100 x 100 で、それを 50 x 50 に拡大する場合は、Size ではなく scaledSize を使用します。

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

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

おすすめ記事