बटन

पर क्लिक करके Google मानचित्र में ज़ूमिंग ड्रैगिंग अक्षम करें मैं 'अक्षम' बटन पर क्लिक करके Google मानचित्र API v3 में ड्रैगिंग और ज़ूमिंग अक्षम करने के लिए अक्षम() फ़ंक्शन के अंदर कोड जोड़ना चाहता हूं।बटन

<script type="text/javascript"> 
    var map; 

    function initialize() { 
var uluru = new google.maps.LatLng(21, 57); 
map = new google.maps.Map(document.getElementById("map"), { 
    zoom: 6, 
    center: uluru, 
    mapTypeId: google.maps.MapTypeId.HYBRID 
}); 
} 


function disable(){ 

} 

</script> 


<body onload="initialize()" > 

    <input type="button" id="next" value="disableZoomDrag" onclick="disable()"> 

</body>

स्रोत

2011-11-20 Sami Al-Subhi

117

आप मानचित्र वस्तु पर setOptions() विधि का उपयोग कर सकते हैं:

map.setOptions({draggable: false, zoomControl: false, scrollwheel: false, disableDoubleClickZoom: true});

यदि यह संभवत: ज़ूम करने से नहीं रोकता है, तो आप हमेशा वर्तमान ज़ूम स्तर को न्यूनतम और अधिकतम ज़ूम सेट कर सकते हैं।

disableDefaultUI विकल्प भी है, जो शायद इन सभी घटनाओं को ध्यान में रखता है, लेकिन यह मौजूदा तत्वों पर क्लिक अक्षम कर सकता है।

स्रोत

2011-11-20 20:39:17 ScottE

आपको बहुत बहुत धन्यवाद। आप भयानक हैं ^^ –

बस एक नोट, आप नक्शा ऑब्जेक्ट का नया उदाहरण शुरू करते समय इन्हें भी जोड़ सकते हैं: 'var map = new google.maps.Map (mapElement, mapOptions); 'जहां' mapOptions 'आपके विकल्प होंगे : 'var mapOptions = {draggable: false, zoomControl: false, scrollwheel: false, disabledDoubleClickZoom: true};' –

@ स्कॉटई के उत्तर ने मुझे map.setOptions() का उपयोग करने की सही दिशा में इंगित किया। हालांकि, API documentation से, मैंने पाया कि सेट करने के लिए विकल्पों का एक और अधिक सुरुचिपूर्ण सेट है। शायद ये उत्तर से नए हैं, लेकिन वे मेरे लिए बहुत अच्छी तरह से काम करते हैं।

function disablePanningAndScrolling() 
{ 
    map.setOptions({ 
     zoomControl: false, 
     gestureHandling: 'none' 
    }); 
}

यह ज़ूमिंग और पैनिंग को पूरी तरह से अक्षम करता है।

सामान्य करने के लिए चीजों को वापस करने के लिए, बस गुण डिफ़ॉल्ट में वापस सेट:

function enablePanningAndScrolling() 
{ 
    map.setOptions({ 
     zoomControl: true, 
     gestureHandling: 'greedy' // or 'cooperative'* 
    }); 
}

*: डिफ़ॉल्ट लालची है अगर पेज जब यह है स्क्रॉल नहीं सहकारी है। जो भी आपके आवेदन में स्थिति थी उठाओ।

स्रोत

2017-10-13 06:27:08 Jasper

उत्तर

संबंधित मुद्दे