Google maps api 3 Google Maps API v3使用缩放调整SVG路径图标大小

Google maps api 3 Google Maps API v3使用缩放调整SVG路径图标大小,google-maps-api-3,svg,resize,icons,zooming,Google Maps Api 3,Svg,Resize,Icons,Zooming,我在地图上放了三个图标,它们代表地图上的建筑物,但当我放大或缩小地图时,图标大小是相同的,它们不再对应于地图上的实际建筑物大小。现在我知道了如何按像素调整png图标的大小,但有没有办法在放大缩小时使矢量图标与地图缩放成比例,还是必须通过捕捉缩放事件来操纵图标对象的缩放属性?谢谢 for (var cnt = 0; cnt < pathArr.length; cnt++) { var path = { path: pathArr[cnt].Path,

我在地图上放了三个图标,它们代表地图上的建筑物,但当我放大或缩小地图时,图标大小是相同的,它们不再对应于地图上的实际建筑物大小。现在我知道了如何按像素调整png图标的大小,但有没有办法在放大缩小时使矢量图标与地图缩放成比例,还是必须通过捕捉缩放事件来操纵图标对象的缩放属性?谢谢

for (var cnt = 0; cnt < pathArr.length; cnt++) {
    var path = {
        path: pathArr[cnt].Path,
        fillColor: "#CCCCCC",
        fillOpacity: 1,
        strokeColor: "#666666",
        strokeWeight: 4,
        scale: 1
    };

    var pos = new google.maps.LatLng(pathArr[cnt].Lat, pathArr[cnt].Lng);
    var marker = new google.maps.Marker({
        position: pos,
        icon: path,
        map: this.Gmap
    });

    this.MapMarkers.push(marker);
}

实现我想要的最好方法是使用自定义覆盖和svg:


你最好用多边形。