javascript - 调整 Google map 标记图标图像的大小

Question

当我将图像加载到标记的 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"
  });
}

Answer 1

如果原始尺寸为 100 x 100 而您想将其缩放为 50 x 50，请使用 scaledSize 而不是 Size。

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