LeafletJS: come rimuovere il controllo zoom

Sto provando a rimuovere i controlli dello zoom (+/-) su una mappa LeafletJS.LeafletJS: come rimuovere il controllo zoom

Sto usando il MapBox.js version of Leaflet ma la maggior parte delle operazioni sono le stesse di Leaflet. Implemento la mia mappa in questo modo:

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

Il documentation dice che c'è un'opzione di ZoomControl che rimuoverà il controllo dello zoom dalla mappa, ma non ho avuto fortuna a farla funzionare.

Come posso rimuovere il controllo zoom con questa implementazione?

Grazie!

fonte

2013-05-14 Brett DeWoody

Questo è lavoro per me.

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

Hai provato?

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

fonte

2013-05-14 07:38:41 coordinate

Questo mi ha indirizzato nella giusta direzione. Grazie. –

'var map = L.mapbox.map ('map', {zoomControl: false});' non funziona, il secondo parametro deve essere una stringa che specifica il tipo di mappa, il terzo parametro accetta '{zoomControl: false } ' – Programster

per coloro che desiderano disabilitare lo zoom della rotellina del mouse, ma non disabilitare la possibilità di eseguire lo zoom utilizzando i pulsanti + e - sulla mappa, sostituire' zoomControl' con 'scrollWheelZoom' – Programster

Grazie alla risposta del coordinatore, sono riuscito a capire il metodo corretto. La soluzione è:

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

fonte

2013-05-15 23:23:35

map.scrollWheelZoom.disable();

fonte

2014-02-02 12:39:39 Anik

Se si desidera attivare in modo dinamico e disattivare lo zoom si può fare qualcosa di simile:

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

fonte

2014-02-07 02:00:48

Per coloro che desiderano disabilitare la funzione di trascinamento, è possibile fallo anche tu: map.dragging.disable(); – sam

si può semplicemente utilizzare

map.zoomControl.remove();

fonte

2015-11-23 06:45:32 yemaw

nel mio caso un get TypeError: map.zoomControl.remove non è una funzione. Il modo in cui ho trovato sta usando la funzione 'removeControl' come questa:' map.removeControl (map.zoomControl); ' – leobelizquierdo

Suppongo che map.zoomControl.remove() sia una nuova funzione nella versione 1.0.0 mentre map.removeControl () è per versioni inferiori. – yemaw

è possibile rimuovere il controllo zoomControl in questo modo:

map.removeControl(map.zoomControl);

fonte

2016-02-01 22:03:26 leobelizquierdo

LeafletJS: come rimuovere il controllo zoom

risposta

Problemi correlati