在Google Maps API v3.21中更改制作者图标大小

时间:2015-10-15 12:55:18

标签: google-maps google-maps-api-3

我正在尝试使用Google Maps API更改标记图标的大小。这是我的代码:

new google.maps.Marker({
  position: {lat: this.model.get('latitude'), lng: this.model.get('longitude')},
  title: this.model.get('name'),
  icon: {
    url: this.model.get('iconUrl'),
    size: google.maps.Size(50, 50)
  }
});

图标图像自然是512x512。它出现在地图上的正确位置,但它是512x512而不是50x50。我已经为这个问题阅读了类似的问题和答案,但它们似乎都没有解决使用此版本API设置标记大小的问题。例如,其他人使用MarkerImage类,但此版本中不再存在该类。

我也尝试在图标对象中包含scaledSize属性,但这也没有任何效果。

有谁知道我做错了什么?这是我要显示为50x50的512x512图像:

enter image description here

1 个答案:

答案 0 :(得分:0)

看起来我错过了new,还必须使用scaledSize而不是size。这对我有用:

new google.maps.Marker({
  position: {lat: this.model.get('latitude'), lng: this.model.get('longitude')},
  title: this.model.get('name'),
  icon: {
    url: this.model.get('iconUrl'),
    scaledSize: new google.maps.Size(50, 50)
  }
});