如何将倾斜控制添加到谷歌地图?

时间:2015-12-11 17:48:50

标签: javascript google-maps

所以我使用=COUNTIF(D3:D40,(AND(AND(D3:D40>=50000,D3:D40<=60000),F3:F40="Administration"))) 禁用了嵌入我网站的谷歌地图的UI,但现在我想在地图上添加倾斜选项,这样我们就可以看到地图的不同视图。

编辑:问题已经回答了。 disableDefaultUI: true

1 个答案:

答案 0 :(得分:2)

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

rotateControl: true

来自the documentation

  

新(默认为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>