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
  }

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