如何在 Google Maps JavaScript API 中启用 3D 卫星视图？

Question

请问如何在Google Maps JavaScript API 中启用3D 卫星视图？让我再说一遍！3D！请不要让我看到 45 度角视图，那不是 3D！

您可以通过单击卫星视图并单击右下角指南针下方的 3D 图标（红色方块）在 Google 地图上获取此信息。

Answer 1

不幸的是，您无法使 Google Maps JavaScript API 具有 3D 选项。另一种方法是使用Google 地图文档 - 地图类型setTilt(number)中解释的函数。

\n\n

启用和禁用 45\xc2\xb0 图像

\n\n

setTilt(0)您可以通过调用Map 对象来禁用 45\xc2\xb0 图像。要为支持的地图类型启用 45\xc2\xb0 图像，请调用setTilt(45)。45如果您愿意，您还可以使用度数以外的数字。

\n\n

\n

\xe2\xad\x91 \Map的getTilt()方法将始终反映地图上显示的当前倾斜度；如果您在地图上设置倾斜度，然后删除该倾斜度（例如通过缩小地图），则地图的getTilt()方法将返回0.

\n

\n\n

以下示例显示俄勒冈州波特兰市中心的 45\xc2\xb0 视图：

\n\n

function initMap() {\n  var map = new google.maps.Map(document.getElementById(\'map\'), {\n    center: {lat: 36.964, lng: -122.015},\n    zoom: 18,\n    mapTypeId: \'satellite\'\n  });\n  map.setTilt(45);\n}\n

\n\n

查看示例

\n\n

旋转 45\xc2\xb0 图像

\n\n

45\xc2\xb0 图像实际上由每个基本方向（北、南、东、西）的图像集合组成。一旦您的地图显示 45\xc2\xb0 图像，您可以通过在 Map 对象上调用 setHeading() 并传递一个以北距度数表示的数值，将图像定向到其基本方向之一。

\n\n

以下示例显示了一张航拍地图，单击该按钮时地图每 3 秒自动旋转一次：

\n\n

var map;\n\nfunction initMap() {\n  map = new google.maps.Map(document.getElementById(\'map\'), {\n    center: {lat: 45.518, lng: -122.672},\n    zoom: 18,\n    mapTypeId: \'satellite\',\n    heading: 90,\n    tilt: 45\n  });\n}\n\nfunction rotate90() {\n  var heading = map.getHeading() || 0;\n  map.setHeading(heading + 90);\n}\n\nfunction autoRotate() {\n  // Determine if we\'re showing aerial imagery.\n  if (map.getTilt() !== 0) {\n    window.setInterval(rotate90, 3000);\n  }\n}\n

\n\n

查看示例

\n

Answer 2

不幸的是，到目前为止，该功能尚未实现到 Google Map JavaScript API 中。