javascript - 谷歌地图旋转控制街景中的定位

Question

我正在使用 Google Map V3 Javascrpt API 嵌入 Google map 。当用户进入嵌入式 map 上的街景 View 时，如何将旋转控件移动到右侧。我在创建 map 时尝试设置这些选项:

rotateControlOptions: {
    position: google.maps.ControlPosition.RIGHT_CENTER
}   

但是，在街景 View 中，旋转控件仍保留在左侧？有没有办法在街景 View 中将旋转控件定位到右侧？

Answer 1

是的，您可以将控件放在其他位置，但解决方案有点棘手。

您可以在 StreetViewPanoramaOptions 中设置 streetView 控件的位置.问题是您可以将选项对象传递给 StreetViewPanorama对象仅在其构造函数中。因此，您必须创建一个默认的 StreetViewPanorama 对象，该对象不可见(否则将加载街景全景图而不是 map )。 StreetViewPanoramaOptions 将是:

var streetViewOptions = {
   panControl: true,
   panControlOptions: {
      position: google.maps.ControlPosition.TOP_RIGHT
   },
   visible: false
};

在与 map 相同的 div 中创建 StreetViewPanorama:

var street = new google.maps.StreetViewPanorama(document.getElementById('map_canvas'), streetViewOptions);

在 map 选项中添加街景选项:

var myOptions = {
   zoom: 8,
   center: myLatlng,
   mapTypeId: google.maps.MapTypeId.ROADMAP,
   streetView: street
}

创建 map :

var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);