将传单地图拉伸到任意大小

Question

我的 Leaflet 地图（自定义）相对较小，我从 16000x16000 图像制作瓷砖并使用 Leaflet 将它们实现到网站中，但地图太小，minZoom: 2 太大，minZoom 1 是太小了。

我希望地图填满整个灰色区域（这是我的地图区域），但现在的图块并没有填满整个东西，我可以保持它居中但仍然不会更大。任何帮助表示赞赏。

编辑1：

 <l-map ref="map" :zoomSnap="zoomSnap" :minZoom="minZoom" :maxZoom="maxZoom" :options="mapOptions" style="background-color: lightgray; width: fill; height: 100%;" :zoom="zoom" :center="center">
          <l-tile-layer :options="mapOptions" style="width: 100%; height: 100%" :url="url" :attribution="attribution"></l-tile-layer>
</l-map>

Answer 1

使用地图zoomSnap选项：

强制地图的缩放级别始终是这个的倍数，尤其是在fitBounds() 或捏缩放之后。默认情况下，缩放级别捕捉到最接近的整数；较低的值（例如0.5 或0.1）允许更大的粒度。 0 的值表示在 fitBounds 或 pinch-zoom 之后缩放级别不会被捕捉。

我怀疑你使用 Vue 和 Vue2Leaflet 插件。

您的zoomSnap 数据应该是您传递给<l-map> 组件的options 属性的mapOptions 数据的成员，而不是它自己的属性/属性。

您可能还对使用地图zoomDelta 选项感兴趣：

控制在zoomIn()、zoomOut()、按键盘上的+ 或- 或使用缩放控件后地图的缩放级别将改变多少。小于1（例如0.5）的值允许更大的粒度。