javascript - 当我在谷歌地图中缩小时，我的符号的大小变得太大

Question

我是谷歌地图的新手。我正在做一个项目，我必须用箭头显示多段线。多段线的大小是完美的，但箭头看起来太大了。我只是在使用这段代码。

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
• ^可能重复但也没有人回答

Answer 1

您可以使用第一个链接中描述的策略来执行您想要的操作。

google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();
    //this is where you will change your icon...     
  });

在该监听器中，您可以更改图标的 scale 属性以及您想要修改的任何其他属性(可能是描边粗细等)。