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

我的传单地图（自定义地图）相对较小，我从16000x16000图像制作了瓷砖，并将其与传单一起应用到网站中，但地图太小，

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>

使用映射选项：

强制贴图的缩放级别始终为该值的倍数，尤其是在

fitBounds（）

或收缩缩放之后。默认情况下，缩放级别捕捉到最接近的整数；较低的值（例如

0.5

或

0.1

）允许更大的粒度。值

0

表示缩放级别在调整边界或收缩缩放后不会被捕捉

我怀疑你使用了Vue和VUE2传单插件

您的

zoomSnap

数据很可能是传递给

组件的

options

属性的

映射选项

数据的成员，而不是它自己的属性

您可能还对使用映射选项感兴趣：

控制在执行

zoomIn（）

、

zoomOut（）

、按键盘上的

+

或

-

或使用缩放控件后，地图的缩放级别将发生多大变化。小于

1

（例如

0.5

）的值允许更大的粒度

---

在地图分区中添加一些css，高度：100%；宽度：100%；也许我不明白你想干什么do@Tony灰色区域与白色框是同一个div。您可以添加代码以便我理解吗more@Tony编辑它，我不能在JSFIDLE上复制它我不能在那里上传我的资产，但我的编辑基本上显示了屏幕截图的代码谢谢，我也有这个想法，并尝试过，但问题是我给了ZoomSnap作为一个新的属性，而不是把它放在我的地图选项。在阅读了你的文章后，我尝试将其应用到选项中，效果非常好，非常感谢！