我是谷歌地图的新手。我正在做一个项目,我必须用箭头显示多段线。多段线的大小是完美的,但箭头看起来太大了。 我只是在使用这段代码。
var lineSymbol = {
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
scale: 2
};
var a = new google.maps.LatLng(lat1, lon1);
var b = new google.maps.LatLng(lat2,lon2);
var myTrip = [a, b];
var flightPath = new google.maps.Polyline({
path: myTrip,
icons: [{
icon: lineSymbol,
offset: '100%'
}],
strokeColor: "#8B0000",
strokeOpacity: 0.8,
strokeWeight: 6
});
下面的这些链接是我看到的,但它们与我需要的不相近:)
我看到的链接是
- Google Maps :: Changing icon based on zoom level
- ^我不想更改图标
- Google maps V3: prevent marker scaling
- ^我必须放大才能看清楚这条线
- https://developers.google.com/maps/articles/toomanymarkers?hl=da
- ^不是我要找的东西
- Google Maps v3 fitBounds() Zoom too close for single marker
- ^不是我需要的
- Google Maps API Zoom in and out marke size change
- ^可能重复但也没有人回答
最佳答案
您可以使用第一个链接中描述的策略来执行您想要的操作。
google.maps.event.addListener(map, 'zoom_changed', function() {
zoomLevel = map.getZoom();
//this is where you will change your icon...
});
在该监听器中,您可以更改图标的 scale
属性以及您想要修改的任何其他属性(可能是描边粗细等)。
关于javascript - 当我在谷歌地图中缩小时,我的符号的大小变得太大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25972446/