agm-map Angular Google 地图限制平移和缩放

Question

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

Answer 1

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

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

以同样的方式，您可以在 map.for 中使用经度和纬度来定义限制。有关 限制 属性的更多详细信息，请访问 here。