谷歌地图js api v3: StreetView全景图完成加载？

Question

我的街景出了点问题。我只想在完成加载后显示街景，这样灰色就不会显示出来。我搜索了api，但我不认为有任何事件可以利用：Documentation

有没有办法(包括非官方方式)在装满后显示街景？谢谢!

Answer 1

在地图加载后隐藏并使div可见应该可以做到这一点…

像这样

<div id="pano" style="position:absolute; left:410px; top: 8px; width: 400px; height: 300px;visibility:hidden;"></div>

<script> google.maps.event.addDomListener(window, 'load',initialize);
setTimeout('showPano()',1000);
function showPano(){
document.getElementById('pano').style.visibility='visible';}
</script>

希望对你有帮助

Answer 2

我做了一些测试(编辑过的vinod_vh示例，参见http://jsfiddle.net/nDwSC/2/)，发现links_changed事件是最后一个启动的事件：

1. ===== erven 2013 17:48:28.775 =====点击发生===== /nDwSC/2/show/ (第210行)
3. ERVE2013 17:48:28.780调整大小/nDwSC/2/show/ (第170行)
4. erven 2013 17:48:28.843 zoom_changed /nDwSC/2/show/ (第173行)
5. pano_changed ERVE2013 17:48:29.603 pano_changed /nDwSC/2/show/ (第158行)

<č>H113červen 2013 17:48 :48:29.622 position_changed /nDwSC/2/show/ (第161行)

č2013 17:48:29.634链接已更改

所以你可能真的想要使用这个事件！它还将在不同的上下文中启动，但您可以通过设置一些标志变量来处理此问题，该变量将在您单击按钮时设置，并在处理程序中进行测试，可能会超时。

所以，你应该做的是：

1. 隐藏您的街景；但不要使用display: none，在jQuery UI < 1.9 (适用于新版本的there is it doesn't work unfortunately.hide { position: absolute !important; left: -10000px !important; } )中使用左侧隐藏技巧

保持隐藏框架的尺寸与结果框架相同！

• 处理links_changed事件-删除hide类，并调整地图的大小。

如果您看到links_changed事件触发得太早，那么就没有其他方法可以通过处理事件来干净利落地完成这项工作。You cannot even use the map idle event ( google.maps.StreetViewPanorama的idle事件不存在)。因此，最后的办法可能是使用一些固定的超时-这是完美的！

Answer 3

如果你想在加载后加载全景图，你可以使用iframe，并且你可以使用AJAX加载器的包装器，直到地图被加载，(就绪状态==4)，(或者一个更多的ajax加载器包装器，用一些全局变量作为标志来知道就绪状态……，注意:这是不稳定的想法，但适用于一些浏览器)

在API中，如果您想这样做，

参考事件监听器，

否则

options在文档中有一个选项，

即

visible :：boolean :：如果为true，则加载时街景全景可见。

我希望这会让你的事情变得容易些..

我希望我已经在上下文中回答了您的实际需求。