如何使用 Google Maps Javascript V3 API 从谷歌地图中删除 MapType？答案

【问题标题】：How to remove a MapType from google map using Google Maps Javascript V3 API?如何使用 Google Maps Javascript V3 API 从谷歌地图中删除 MapType？
【发布时间】：2010-12-01 05:53:38
【问题描述】：

这是我使用他们的 V3 Javascript API 在我的应用程序上显示 Google 地图的 sn-p。

var myOptions = {
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP

        }
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

但是地图显示了我不想要的地形、混合和卫星。如何从地图中移除这些控件。

【问题讨论】：

标签： javascript google-maps

【解决方案1】：

你可以remove all the default UI

var mapOptions = {
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDefaultUI: true
        };

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

然后你可以add your own controls

或者你可以添加mapTypeControl: false

【讨论】：

【解决方案2】：

The Google Maps v3 API doc 很棒。

在其中，您会发现MapOptions 有一个属性“mapTypeControl”，它是一个布尔值。将其设置为 false 为您的地图禁用它。

【讨论】：

【解决方案3】：

所以没有用于从 Google 自己的嵌入代码中禁用卫星/地形图的 URL 属性？

【讨论】：

所以，这个问题是关于 JavaScript API 的，它假定您将在其源属性的开头有一个带有 maps.googleapis.com/maps/api/js 的脚本标签。您可以传递 callback= 参数来指定一个 javascript 回调函数。这应该让您设置地图对象的disableDefaultUI 属性。

【解决方案4】：

要仅禁用地图控制，请在Gmap3 documentation 中使用此选项：

mapTypeControl
类型：布尔型

地图类型控件的初始启用/禁用状态。

示例：

var options = {
   // ...
   mapTypeControl: false
}
var map = new google.maps.Map(document.getElementById("map"), options);

【讨论】：