如何在Google地图上添加倾斜控件?

佩德罗·苏亚雷斯

因此,我使用禁用了嵌入到我的网站中的google map的用户界面,disableDefaultUI: true但现在我想在map上添加倾斜选项,使我们能够看到map的不同视图。

编辑:问题已经回答。 rotateControl: true

地理编码

如果要显示“倾斜”控件,则只能将其与旋转控件一起显示。要启用它,请添加rotateControl: true到您的mapOptions中:

rotateControl: true

文档中

新增功能(默认为v3.22):

外观:旋转控件显示为两个执行不同功能的可见控件第一个是倾斜按钮,允许用户将图像倾斜到45°角。第二个是旋转按钮,允许用户倾斜时更改图像的方位。默认位置:RIGHT_BOTTOM。

注意(如@Matthew在评论中指出的那样),您只会在具有45度影像的区域(市中心等)中看到旋转控件

代码段:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {
      lat: 45.518,
      lng: -122.672
    },
    zoom: 18,
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.SATELLITE,
    tilt: 45,
    rotateControl: true
  });
}
google.maps.event.addDomListener(window, 'load', initMap);
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#map {
  height: 100%;
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在地图上的Google API中添加按钮

来自分类Dev

如何在Google地图上添加标记-javascript

来自分类Dev

如何在地图上添加点?

来自分类Dev

如何在amcharts地图上添加标题?

来自分类Dev

如何在地图上添加ButtonOverlay(osmdroid)

来自分类Dev

如何在可放大地图的Google地图上添加超链接?

来自分类Dev

如何在Google地图上平移?

来自分类Dev

如何在Android的倾斜地图上将相机放置在屏幕底部

来自分类Dev

如何在地图上为OpenMapQuest添加地图标记

来自分类Dev

如何在地图上为OpenMapQuest添加地图标记

来自分类Dev

我如何在Google地图绘图上添加自己的图像或绘图选项

来自分类Dev

在Google地图上添加图标

来自分类Dev

如何在OpenLayer 3地图上添加绘图?

来自分类Dev

如何在投影地图上添加经纬网格?

来自分类Dev

如何在地图上添加多边形

来自分类Dev

如何在谷歌地图上添加多个标记?

来自分类Dev

如何在地图上的特定位置添加图像?

来自分类Dev

如何在地图上的文本上添加过渡效果

来自分类Dev

如何在谷歌地图上添加信息窗口和标记

来自分类Dev

如何使用Kotlin在Google地图上添加标记?

来自分类Dev

如何从Rdlc报表在Google地图上添加标记

来自分类Dev

如何在Google地图上使用变量的值,以便它在地图上显示位置

来自分类Dev

如何在Windows Phone 8.1 RT应用程序的控件中添加倾斜效果?

来自分类Dev

如何通过在Google地图上添加叠加图像来从Google地图中隐藏Google徽标?

来自分类Dev

如何在Google地图上画圆时知道半径

来自分类Dev

如何在新的Google地图上设置默认缩放级别?

来自分类Dev

如何在多个标记的Google地图上创建信息窗口?

来自分类Dev

如何在R中加入Google地图上的ggplot点?

来自分类Dev

如何在Android的Google地图上显示涟漪动画?

Related 相关文章

  1. 1

    如何在地图上的Google API中添加按钮

  2. 2

    如何在Google地图上添加标记-javascript

  3. 3

    如何在地图上添加点?

  4. 4

    如何在amcharts地图上添加标题?

  5. 5

    如何在地图上添加ButtonOverlay(osmdroid)

  6. 6

    如何在可放大地图的Google地图上添加超链接?

  7. 7

    如何在Google地图上平移?

  8. 8

    如何在Android的倾斜地图上将相机放置在屏幕底部

  9. 9

    如何在地图上为OpenMapQuest添加地图标记

  10. 10

    如何在地图上为OpenMapQuest添加地图标记

  11. 11

    我如何在Google地图绘图上添加自己的图像或绘图选项

  12. 12

    在Google地图上添加图标

  13. 13

    如何在OpenLayer 3地图上添加绘图?

  14. 14

    如何在投影地图上添加经纬网格?

  15. 15

    如何在地图上添加多边形

  16. 16

    如何在谷歌地图上添加多个标记?

  17. 17

    如何在地图上的特定位置添加图像?

  18. 18

    如何在地图上的文本上添加过渡效果

  19. 19

    如何在谷歌地图上添加信息窗口和标记

  20. 20

    如何使用Kotlin在Google地图上添加标记?

  21. 21

    如何从Rdlc报表在Google地图上添加标记

  22. 22

    如何在Google地图上使用变量的值,以便它在地图上显示位置

  23. 23

    如何在Windows Phone 8.1 RT应用程序的控件中添加倾斜效果?

  24. 24

    如何通过在Google地图上添加叠加图像来从Google地图中隐藏Google徽标?

  25. 25

    如何在Google地图上画圆时知道半径

  26. 26

    如何在新的Google地图上设置默认缩放级别?

  27. 27

    如何在多个标记的Google地图上创建信息窗口?

  28. 28

    如何在R中加入Google地图上的ggplot点?

  29. 29

    如何在Android的Google地图上显示涟漪动画?

热门标签

归档