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

The size of my symbol gets too big when i zoom out in google map

本文关键字：大了 符号 我的 谷歌地图 缩小 小时      更新时间：2023-09-26

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

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
 });

下面的这些链接是我看到的，但它们并不是我需要的：）

我看到的链接是

  • 谷歌地图：：基于缩放级别更改图标
  • ^我不想更改图标
  • 谷歌地图V3:防止标记缩放
  • ^我必须放大才能看清那条线
  • https://developers.google.com/maps/articles/toomanymarkers?hl=da
  • ^不是我想要的
  • 谷歌地图v3 fitBounds（）单个标记的缩放距离太近
  • ^不是我需要的
  • 谷歌地图API放大和缩小标记大小更改
  • ^可能是重复的，但也没有人回答

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

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

在该监听器中，您可以更改图标的scale属性以及您想要修改的任何其他属性（可能是笔划权重等）。

相关文章：