LeafletJS: How to remove the zoom control(LeafletJS:如何删除缩放控件)
问题描述
我正在尝试删除 LeafletJS 地图上的缩放控件 (+/-).
I'm trying to remove the zoom controls (+/-) on a LeafletJS map.
我正在使用 MapBox.js 版本的 Leaflet,但大多数的操作与 Leaflet 相同.我这样实现我的地图:
I'm using the MapBox.js version of Leaflet but most of the operations are the same as Leaflet. I implement my map like this:
var map = L.mapbox.map('map');
var layer = L.mapbox.tileLayer('MAPBOX-ID', {
format: 'jpg70',
minZoom: 13,
maxZoom: 15,
reuseTiles: true,
unloadInvisibleTiles: true
});
map.addLayer(layer);
map.setView([40.73547,-73.987856]);
文档说有一个 zoomControl 选项可以从地图中删除缩放控件但我没有让它工作.
The documentation says there's a zoomControl option that will remove the zoom control from the map but I've had no luck in getting it to work.
如何使用此实现删除缩放控件?
How can I remove the zoom control with this implementation?
谢谢!
推荐答案
这对我有用:
var map = new L.map('map', { zoomControl: false });
用 mapbox 试试:
With mapbox try:
var map = L.mapbox.map('map', { zoomControl: false });
参见地图创建和zoomControl 选项在 Leaflet 文档中.
See map creation and the zoomControl option in the Leaflet documentation.
这篇关于LeafletJS:如何删除缩放控件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:LeafletJS:如何删除缩放控件
基础教程推荐
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01