LeafletJS:如何删除变焦控制(LeafletJS: How to remove the zo

2019-09-03 01:06发布

我想一个卸下缩放控件(+/-) LeafletJS地图。

我使用的是单张的MapBox.js版本 ,但大部分的操作都是一样的传单。 我实现这样我的地图:

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:

map.scrollWheelZoom.disable();


Answer 7:

要动态删除然后重新添加的变焦控制:

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

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


文章来源: LeafletJS: How to remove the zoom control