将叶贴图拉伸为任意大小
将叶贴图拉伸为任意大小
提问于 2018-08-31 00:46:34
我的Leaflet Map (自定义地图)相对较小，我从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>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-31 09:07:51
使用map zoomSnap选项：
强制地图的缩放级别始终是缩放级别的倍数，特别是在
fitBounds()或收缩缩放之后。默认情况下，缩放级别捕捉到最接近的整数；较低的值(例如0.5或0.1)允许更大的粒度。值为0表示在fitBounds或收缩缩放之后不会捕捉缩放级别。
我怀疑你使用的是Vue和Vue2Leaflet插件。
您的zoomSnap数据很可能是您传递给options组件的<l-map>属性的mapOptions数据的成员，而不是它自己的属性/属性。
您可能还会对使用map zoomDelta选项感兴趣：
控制在按
zoomIn()、zoomOut()、按键盘上的+或-键或使用缩放控件后地图的缩放级别将发生多大程度的变化。小于1(例如0.5)的值允许更大的粒度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52101992
复制相关文章
相似问题