tutorial source osm open getlatlng examples español javascript map leaflet mapbox

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();