LeafletJS:如何删除缩放控件

Question

我正在尝试删除LeafletJS地图上的缩放控件(+/-).

我正在使用Leaflet的MapBox.js版本,但大多数操作与Leaflet相同.我像这样实现我的地图:

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可选项,但我已经得到它的工作没有运气.

如何通过此实现删除缩放控件？

谢谢!

Answer 1

这对我有用.

var map = new L.map('map', { zoomControl: false });

你试过了吗？

var map = L.mapbox.map('map', { zoomControl: false });

Answer 2

如果要动态打开和关闭缩放,可以执行以下操作:

map.touchZoom.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();
map.boxZoom.disable();
map.keyboard.disable();
$(".leaflet-control-zoom").css("visibility", "hidden");

Answer 3

由于坐标的答案,我能够找出正确的方法.解决方案是:

// Create the map
var map = L.mapbox.map('map', null, { zoomControl:false });

// Create my custom layer
var layer = L.mapbox.tileLayer('MAPBOX-ID', {
    format: 'jpg80',
    minZoom: 13,
    maxZoom:15,
    tileSize: 256,
    reuseTiles: true, 
    unloadInvisibleTiles: true
});


// Add the layer
map.addLayer(layer);

Answer 4

你可以这样删除控件zoomControl:

map.removeControl(map.zoomControl);

Answer 5

你可以使用

map.zoomControl.remove();

Answer 6

要动态删除然后添加回缩放控件：

var map = L.mapbox.map('map');

if( wantToRemove ) {
    map.removeControl( map.zoomControl ); 
} else {
    map.addControl( map.zoomControl );
}

Answer 7

map.scrollWheelZoom.disable();