如何從谷歌地圖去除縮放，地形和用戶導航？

Question

我正在使用JS API來顯示我的地圖。 下面是代碼：

<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

使用 「禁用默認UI」 例如：

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