切换街景地图以显示地图的问题

Question

我想将切换的街景地图与普通的谷歌地图一起使用。最初，我显示街景。如果用户想要返回地图，他可以单击切换按钮来执行此操作。基本上与此相反 (https://developers.google.com/maps/documentation/javascript/examples/streetview-overlays) 因为，我想显示第一个街景，当点击切换按钮时，它会返回到地图。

我已经完成了这段代码 (http://jsbin.com/iwimap/1/edit)，但是当我点击切换按钮时，它显示一个灰色块而不是谷歌地图。如何解决？

Answer 1

当您单击切换时，pano div 将覆盖您的 map-canvas div。

所以要修复，只需将 pano div 放入 map-canvas div 中。

<div style="width:500px; float:left; height:500px" id="map-canvas">
    <div id="pano" style="position:absolute;  width: 500px; height: 500px;"></div>
</div>

要使其首先显示街景，只需在initialize 末尾调用toggleStreetView。

这是JSBin。