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

Question

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

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

Answer 1

当您单击切换时，panodiv 会覆盖您的map-canvasdiv。

所以要修复，只需将该panodiv 放入map-canvasdiv 中。

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

并使其首先显示街景，只需toggleStreetView在initialize.

这是JSBin。