定义具有缩放相关大小的 Google 地图标记图标

Question

在 Google Maps API 中为标记定义自定义图标时，图标的大小将保持不变，与缩放级别无关。

是否可以设置一个属性，不仅地图被放大，而且在缩放到它时图像也被放大？

如果这不可能，是否有其他方法可以实现这一目标？也许只是在标记点设置图像？

Answer 1

你不能通过 CSS 来做到这一点。大多数时候，标记是直接在画布上绘制的。

使用 JS，您可以保存对所有标记的引用，然后在缩放时循环遍历所有标记：

 markers.forEach(function(marker) {
    var icon = new google.maps.Icon({
                      url:        'yourMarkerIconURL',
                      size:       'yourSize',
                      scaledSize: 'scaledSize'
                   })
    marker.setIcon(icon)
 })

您想使用scaledSize 或size 来控制标记图标的大小。