Toggled街景地图的问题是显示地图

时间:2013-08-11 20:20:54

标签: javascript html google-maps google-maps-api-3

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

我已完成此代码(http://jsbin.com/iwimap/1/edit),但是当我点击切换按钮时,它会显示灰色块而不是谷歌地图。怎么解决?

1 个答案:

答案 0 :(得分:0)

当您点击切换时,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>

要首先显示街景视图,只需在toggleStreetView结束时拨打initialize

这是JSBin