当我缩小谷歌地图时，我的符号的大小太大了

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属性以及要修改的任何其他属性（可能是笔画粗细等）。