angular - agm-map Angular 谷歌地图限制平移和缩放

Question

我正在使用带有agm-map的Angular 8。我想定义用户可以缩放或平移（拖动）的地图区域限制。没有任何限制，用户甚至可以平移到地图的南北边界之外。

Answer 1

以前有几种方法可以处理相同的问题。一种方法是监听boundsChange事件，如果用户平移超出限制，只需将边界设置回我们想要的区域。您可以在此处找到有关 boudsChange 事件的更多详细信息。但是有一种非常简单的方法可以使用内置的限制属性。限制是MapRestriction类型的属性。我刚刚分配了以下值以避免平移超出地图的南北边界，

restriction: {
    latLngBounds:{
      north: 85.0, 
      south: -85.0, 
      west: -180.0, 
      east: 180.0
    },
    strictBounds : true
  }

同样，您可以使用地图中的经度和纬度定义您的限制。有关限制属性的更多详细信息，请访问此处。