2013-05-14 19 views
30

मैं LeafletJS मानचित्र पर ज़ूम नियंत्रण (+/-) को निकालने का प्रयास कर रहा हूं।LeafletJS: ज़ूम नियंत्रण को कैसे हटाएं

मैं MapBox.js version of Leaflet का उपयोग कर रहा हूं लेकिन अधिकांश ऑपरेशन पत्रक के समान हैं। मैं इस तरह मेरे नक्शे को लागू:

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

documentation का कहना है कि वहाँ एक zoomControl विकल्प है कि नक्शे से नियंत्रण ज़ूम निकाल देंगे है, लेकिन मैं यह काम करने के लिए प्राप्त करने में कोई भाग्यशाली रहे हैं।

मैं इस कार्यान्वयन के साथ ज़ूम नियंत्रण कैसे हटा सकता हूं?

धन्यवाद!

उत्तर

61

यह मेरे लिए काम है।

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

क्या आपने कोशिश की?

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

जिसने मुझे सही दिशा में इंगित किया। धन्यवाद। –

+2

'var map = L.mapbox.map ('map', {zoomControl: false});' काम नहीं करता है, दूसरा पैरामीटर नक्शा प्रकार निर्दिष्ट करने वाली स्ट्रिंग होने की आवश्यकता है, तीसरा पैरामीटर '{zoomControl: false } ' – Programster

+1

उन लोगों के लिए जो सिर्फ मूसहेल ज़ूम को अक्षम करना चाहते हैं, लेकिन मानचित्र पर + और - बटन का उपयोग करके ज़ूम करने की क्षमता को अक्षम नहीं करते हैं, 'स्क्रॉलहेलज़ूम' – Programster

17

निर्देशांक के उत्तर के लिए धन्यवाद मैं सही विधि को समझने में सक्षम था। समाधान है:

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

आप गतिशील रूप से चालू करना चाहते हैं, और ज़ूमिंग आप कुछ इस तरह कर सकते हैं बंद हैं:

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

के साथ' ज़ूम कंट्रोल 'विकल्प को प्रतिस्थापित करें, जो ड्रैग सुविधा को अक्षम करना चाहते हैं, आप कर सकते हैं यह भी करें: map.dragging.disable(); – sam

5

तुम बस

map.zoomControl.remove();

+0

मेरे मामले में एक टाइप एरर प्राप्त करें: map.zoomControl.remove कोई फ़ंक्शन नहीं है। जिस तरह से मैंने पाया है, इस तरह 'removeControl' फ़ंक्शन का उपयोग कर रहा है: 'map.removeControl (map.zoomControl);' – leobelizquierdo

+0

मुझे लगता है, map.zoomControl.remove() संस्करण 1.0.0 में एक नया फ़ंक्शन है जबकि map.removeControl () निम्न संस्करणों के लिए है। – yemaw

6
उपयोग कर सकते हैं

आप इस तरह से नियंत्रण zoomControl हटा सकते हैं:

map.removeControl(map.zoomControl); 
संबंधित मुद्दे