Ionic Highchart-Angular Map，如何设置minZoom级别？

but5z9lq 于 2023-09-28 发布在 Ionic

关注(0)|答案(1)|浏览(149)

我在Ionic & angular 14中创建了一个全屏Highcharts choroplethMap图，其中包含Esri Tiled Web Map（背景）。在移动的视图中，缩小时Map顶部有空间。所以想限制缩小水平高达2。但却无法实现，帮我找到解决方案。
演示-> https://stackblitz.com/edit/highcharts-angular-map-tile
复制->尝试缩小Map。
预期->Map总是应该充满移动的全屏。

ionic-framework

来源：https://stackoverflow.com/questions/77111682/ionic-highchart-angular-mapchart-how-to-set-minzoom-level

1条答案

按热度按时间

xytpbqjk1#

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

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

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

赞(0）回复(0）举报 2023-09-28

我来回答

Ionic Highchart-Angular Map，如何设置minZoom级别？

1条答案

相关问题

热门标签

最新问答