代码之家 › 专栏 › 技术社区 › niclas_4

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

leaflet vuejs2

niclas_4 · 技术社区 · 6 年前

我的传单地图(自定义的)是比较小的,我从一个16000x16000图像瓷砖,并实施到网站传单他们,但地图太小了,网站 minZoom: 2 太大了 minZoom 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 回复 | 直到 6 年前

ghybs 6 年前

使用地图 zoomSnap 选项:

强制地图的缩放级别始终是该级别的倍数,特别是在 fitBounds() 或者是缩小变焦。默认情况下,缩放级别捕捉到最接近的整数;较小的值(例如。 0.5 或 0.1 0

你的 缩放快照 数据很可能是您的 mapOptions 传递给 options <l-map> 组件,而不是它自己的属性/属性。

你可能也会对使用地图感兴趣 zoomDelta 选项:

控制地图的缩放级别在 zoomIn() , zoomOut() + 或 - 或使用缩放控件。值小于 1 (例如。 0.5 )允许更大的粒度。

推荐文章

Krubkj lkjlökg · UTMREF/MGRS传单中的地图网格

2 年前

Kiki · TypeError:无法读取null的属性(读取“\u传单\u禁用\u单击”)

3 年前

Murali · 如何将Rshiny select输入带到前一层?目前传单图例阻碍了选择

7 年前

user5405873 · 如何缩放距离标记15km半径内的区域

7 年前

Stefan · 实际需要时,单击即可填写传单弹出窗口

7 年前

Marc Coll · 如何使用sliderInput值选择列并使用它更改映射R?

7 年前

val · 在Shiny中应用传单贴图边界过滤数据

7 年前

edaus · L.GridLayer上的传单JS setOpacity

7 年前

Cezar B · 用于扩展信息框的传单事件侦听器

7 年前

wuk986 · 传单:刷新不带缓存的tilelayer

7 年前