如何从谷歌地图中删除缩放、地形和用户导航？

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

使用“禁用默认用户界面” 示例：

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

Answer 2

对于删除 + 和 - 使用这个

缩放控制：假

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

Answer 3

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
};