我想一个卸下缩放控件(+/-) 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可选项,但我已经得到它的工作没有运气。
如何删除这个实现变焦控制?
谢谢!
这是为我工作。
var map = new L.Map('map', { zoomControl:false });
你试过了吗?
var map = L.mapbox.map('map', { zoomControl:false });
如果要动态地打开和关闭缩放,你可以这样做:
map.touchZoom.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();
map.boxZoom.disable();
map.keyboard.disable();
$(".leaflet-control-zoom").css("visibility", "hidden");
由于协调的回答我能找出正确的方法。 解决的办法是:
// 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);
您可以删除控制zoomControl
通过这种方式:
map.removeControl(map.zoomControl);
你可以只用
map.zoomControl.remove();
map.scrollWheelZoom.disable();
要动态删除然后重新添加的变焦控制:
var map = L.mapbox.map('map');
if( wantToRemove ) {
map.removeControl( map.zoomControl );
} else {
map.addControl( map.zoomControl );
}