Ionic Highchart-角度地图，如何设置minZoom级别？

Question

我在 Ionic 和 Angular 14 中使用 Esri Tiled Web 地图（背景）创建了全屏 Highcharts choropleth 地图。在移动视图中，缩小时地图顶部有空间。所以想将缩小级别限制为2。但无法实现，请帮我找到解决方案。

演示 -> https://stackblitz.com/edit/highcharts-angular-map-tile

重现 -> 尝试缩小地图。

预期 -> 地图始终应填满移动全屏。

Answer 1

您可以使用 fitToGeomerty 属性来限制缩放：

mapView: {
  maxZoom: 4,
  fitToGeometry: {
    type: 'Polygon',
    coordinates: [
      [
        [90, 84.9],
        [90, -40],
        [0, -50],
        [-90, -40],
        [-90, 84.9]
      ]
    ]
  }
}

演示：https://stackblitz.com/edit/highcharts-angular-map-tile-d3tq3w?file=src%2Fapp%2Fapp.component.ts
API：https://api.highcharts.com/highmaps/mapView.fitToGeometry