LeafletJS: So entfernen Sie die Zoomsteuerung

Ich versuche, die Zoomsteuerung (+/-) auf a zu entfernen MerkblattJS Karte.

Ich benutze die MapBox.js-Version von Leaflet aber die meisten Operationen sind die gleichen wie bei Leaflet. Ich implementiere meine Karte wie folgt:

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

Das Dokumentation sagt, dass es eine zoomControl-Option gibt, die das Zoom-Steuerelement von der Karte entfernt, aber ich hatte kein Glück, es zum Laufen zu bringen.

Wie kann ich die Zoomsteuerung mit dieser Implementierung entfernen?

Vielen Dank!

Das hat bei mir funktioniert:

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

Mit Mapbox versuchen:

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

Sehen Kartenerstellung und die zoomControl-Option in der Merkblattdokumentation.

Wenn Sie das Zoomen dynamisch ein- und ausschalten möchten, können Sie Folgendes tun:

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

Dank der Antwort von Coordinate konnte ich die richtige Methode herausfinden. Die Lösung ist:

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

Sie können das Steuerelement entfernen zoomControl auf diese Weise:

map.removeControl(map.zoomControl);

Sie können einfach verwenden

map.zoomControl.remove();

map.scrollWheelZoom.disable();

So entfernen Sie die Zoomsteuerung dynamisch und fügen sie dann wieder hinzu:

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

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