相关代码如下:
var map;
var chicago = new google.maps.LatLng(41.850033,-87.6500523);
var mapDiv = document.getElementById('map-canvas');
var mapOptions = {
zoom: 12,
mapTypeId: google.maps.MapTypeId.SATELLITE,
panControl: true,
rotateControl: true,
rotateControlOptions: {
position: google.maps.ControlPosition.RIGHT_CENTER
},
center: chicago
}
map = new google.maps.Map(mapDiv, mapOptions);
我也试过 HYBRID 的 mapTypeId。我尝试禁用/启用 rotateControl、panControl、rotateControlOptions 等。 map 显示带有 pancontrol 但没有旋转控件。如果相关,这里是 div 标记:
<div id="map-canvas" style="position:absolute;top:50px;left:100px;width:800px;height:500px;
border:red 2px solid;-webkit-border-radius: 10px;-moz-border-radius:10px;
border-radius: 10px;"></div>
为了简洁地提出问题,在此处包含内联样式。
最佳答案
如果缩放没有帮助,那么如果特定位置没有 45° 图像,则启用 rotateControl
也不会。
rotateControl 启用/禁用用于控制 45° 图像方向的旋转控件的外观。默认情况下,控件的外观由给定 map 类型在当前缩放和位置处是否存在 45° 图像决定。您可以通过设置 map 的 rotateControlOptions 来指定要使用的 RotateControlOptions 来更改控件的行为(如果当前没有可用的 45° 图像,则无法显示控件)。
关于javascript - RotateControl 未显示在 Google map 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21900699/