我正在尝试使用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图像:
答案 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)
}
});