使用缩放相关尺寸定义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来控制标记图标的大小。