Google maps api 3 Google Maps API v3使用缩放调整SVG路径图标大小
我在地图上放了三个图标,它们代表地图上的建筑物,但当我放大或缩小地图时,图标大小是相同的,它们不再对应于地图上的实际建筑物大小。现在我知道了如何按像素调整png图标的大小,但有没有办法在放大缩小时使矢量图标与地图缩放成比例,还是必须通过捕捉缩放事件来操纵图标对象的缩放属性?谢谢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,
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:
你最好用多边形。