web-dev-qa-db-fra.com

LeafletJS: Comment supprimer la commande de zoom

J'essaie de supprimer les commandes de zoom (+/-) sur une carte LeafletJS .

J'utilise la version MapBox.js de Leaflet mais la plupart des opérations sont les mêmes que Leaflet. J'implémente ma carte comme ceci:

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

Le documentation indique qu'il existe une option zoomControl qui supprimera le contrôle de zoom de la carte mais je n'ai pas eu de chance de le faire fonctionner.

Comment puis-je supprimer le contrôle de zoom avec cette implémentation?

Merci!

javascriptmapleafletmapbox
47
Brett DeWoody

C'est du travail pour moi.

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

As-tu essayé?

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

Si vous souhaitez activer et désactiver dynamiquement le zoom, vous pouvez faire quelque chose comme ceci:

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

Grâce à la réponse de coordonnée, j'ai pu trouver la bonne méthode. La solution est:

// 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);
16
Brett DeWoody

vous pouvez supprimer le contrôle zoomControl de cette façon:

map.removeControl(map.zoomControl);
10
leobelizquierdo

Vous pouvez simplement utiliser

map.zoomControl.remove();

7
yemaw
map.scrollWheelZoom.disable();
3
Anik

Pour supprimer dynamiquement puis rajouter le contrôle de zoom:

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

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