javascript - Google Maps JS API v3 - 添加 map 类型

标签 javascript google-maps

如何将混合、卫星、地形和物理 View 模式添加到使用 Gmap Javascript API v3 呈现的 Google map ?

我的代码如下:

var myLatlng = new google.maps.LatLng(47.283902, 11.526825);
var mapOptions = {
  zoom: 14,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  mapTypeControlOptions: {
    mapTypes: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]
  }
};

directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer();
map = new google.maps.Map(document.getElementById("gmap"), mapOptions);
directionsDisplay.setMap(map);

但这似乎行不通!

最佳答案

在将一些旧的 V2 map 转换为 V3 时,我正在研究同样的问题,因为谷歌将在 5 月 19 日取消 V2。在 V2 中这是一个选项,所以我被要求将其添加回去。

但是,在 V3 中,卫星和混合动力是相同的。卫星 View 的标签是打开的,这确实是唯一的区别。因此,从功能上讲,没有必要为卫星 View 和混合 View 设置两个按钮。卫星按钮有一个带有标签复选框选项的下拉菜单,可以禁用这些标签。

您当然可以为它编写一个自定义按钮,但这完全是多余的。

关于javascript - Google Maps JS API v3 - 添加 map 类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11931316/

相关文章:

javascript - 如何在html中显示按钮悬停?

javascript - require() 和通过 prop 或 context 传递对象之间的区别

android - 如何在android中传递json数组在谷歌地图上绘制折线?

google-maps - Google Maps 和 Richfaces 3.3.3 (prototype.js 1.6.0.3) 可能不兼容

css - 使用 Google Maps API 时的 Mac Safari 5.0.4 错误

javascript - 为什么 jquery prev() 工作正常但 next() 失败?

javascript - 用于使用逗号和空格验证数字的正则表达式

android - 如何为我的 Android 应用程序获取 Google Places API key

php - 使用IP地址在谷歌地图上定位用户位置

javascript - 如何将文本字段值从 jsp 传递到 spring Controller 类,反之亦然