Google मानचित्र से ज़ूम, इलाके और उपयोगकर्ता नेविगेशन को कैसे हटाएं?

Question

मैं अपना नक्शा प्रदर्शित करने के लिए जेएस एपीआई का उपयोग कर रहा हूं।

<script type="text/javascript"> 
    function initialize() { 
     var _lat = 10; 
     var _long = 200; 
     var myLatlng = new google.maps.LatLng(_lat, _long); 
    var myOptions = { 
     center: myLatlng, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 

     var image = 'target.png'; 
     var beachMarker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      icon: image 
     }); 

     beachMarker.setMap(map); 
    } 
</script> 

अब मैं नक्शे से कुछ चीजें निकालना चाहते हैं: यहाँ कोड है।

1. निकालें ज़ूम नियंत्रण + उपयोगकर्ता माउस या कुछ भी
2. उपयोगकर्ता का उपयोग नहीं कर माउस का उपयोग कर नक्शा चारों ओर ले जाने में सक्षम होना चाहिए ज़ूम करने के लिए सक्षम नहीं होना चाहिए। यह एक स्थिर छवि की तरह रहना चाहिए
3. मानचित्र से MAP | SATELLITE विकल्प निकालें।

मैं इसे कैसे प्राप्त करूं।

Answer 1

scrollwheel: false, 

यह विकल्प माउस पर अक्षम ज़ूम के लिए प्रयोग किया जाता है।

scaleControl: false, 

यह विकल्प पैमाने पर अक्षम ज़ूम के लिए उपयोग किया जाता है।

draggable: false, 

यह विकल्प ड्रैग को अक्षम करने के लिए उपयोग किया जाता है।

mapTypeControl: false, 

यह विकल्प नक्शा प्रकार छुपाएगा।

उन्हें निम्नलिखित के रूप में रखो:

var myOptions = { 
    center: myLatlng, 
    zoom: 15, 
    mapTypeControl: false, 
    draggable: false, 
    scaleControl: false, 
    scrollwheel: false, 
    navigationControl: false, 
    streetViewControl: false, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

Answer 2

निकालें + के लिए और - का उपयोग इस

zoomControl: झूठी

https://developers.google.com/maps/documentation/javascript/controls

Answer 3

उपयोग "अक्षम डिफ़ॉल्ट यूआई" उदाहरण:

var mapOptions = { 
    zoom: 4, 
    center: new google.maps.LatLng(-33, 151), 
    disableDefaultUI: true, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);`