javascript - source - leaflet tutorial español
LeafletJS: cómo quitar el control del zoom (7)
Estoy tratando de eliminar los controles de zoom (+/-) en un mapa de LeafletJS .
Estoy usando la versión MapBox.js de Leaflet, pero la mayoría de las operaciones son iguales a las de Leaflet. Implemento mi mapa así:
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]);
La documentation dice que hay una opción de control de zoom que eliminará el control de zoom del mapa, pero no tuve suerte para hacerlo funcionar.
¿Cómo puedo eliminar el control de zoom con esta implementación?
¡Gracias!
Esto es trabajo para mi
var map = new L.Map(''map'', { zoomControl:false });
¿Has probado?
var map = L.mapbox.map(''map'', { zoomControl:false });
Gracias a la respuesta de la coordinación pude descifrar el método correcto. La solucion es:
// 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);
Para eliminar dinámicamente, luego vuelva a agregar el control de zoom:
var map = L.mapbox.map(''map'');
if( wantToRemove ) {
map.removeControl( map.zoomControl );
} else {
map.addControl( map.zoomControl );
}
Puedes simplemente usar
map.zoomControl.remove();
Si desea activar y desactivar dinámicamente el zoom, puede hacer algo como esto:
map.touchZoom.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();
map.boxZoom.disable();
map.keyboard.disable();
$(".leaflet-control-zoom").css("visibility", "hidden");
puede eliminar el control zoomControl
de esta manera:
map.removeControl(map.zoomControl);
map.scrollWheelZoom.disable();