Google maps api 3 谷歌自定义街景全景图,带有自定义图像地图类型地图,无地理参考

Google maps api 3 谷歌自定义街景全景图,带有自定义图像地图类型地图,无地理参考,google-maps-api-3,Google Maps Api 3,我正在开发一个没有地理参考的自定义imagemap类型地图,即我的地图的版图与那个地方的实际版图无关。现在,我还创建了地图中某些建筑物和地方的自定义街景全景图 问题是我无法将这些自定义街景全景与我的自定义图像地图集成 以下是查看发生了什么的链接: 第一种方法: 现在地图上有两个标记。当你点击它们时,会弹出一个小信息泡泡。现在,当您单击虚拟漫游链接时,会出现一个对话框。我想在该对话框中加载自定义街景全景。我试了几件事,但都没用。我试图对两个标记重复使用相同的对话框。我尝试在jQueryUI对话框

我正在开发一个没有地理参考的自定义imagemap类型地图,即我的地图的版图与那个地方的实际版图无关。现在,我还创建了地图中某些建筑物和地方的自定义街景全景图

问题是我无法将这些自定义街景全景与我的自定义图像地图集成

以下是查看发生了什么的链接:

第一种方法: 现在地图上有两个标记。当你点击它们时,会弹出一个小信息泡泡。现在,当您单击虚拟漫游链接时,会出现一个对话框。我想在该对话框中加载自定义街景全景。我试了几件事,但都没用。我试图对两个标记重复使用相同的对话框。我尝试在jQueryUI对话框打开函数中初始化全景图。它在第一个对话框中起作用,但当您关闭对话框并再次打开它时,它失败了,因为来自GoogleAPI的一些cbk错误

第二种方法: 我尝试使用默认的街景pegman,这样当pegman被放置在某个具有全景的建筑物或地方时,街景就会显示出来,就像在普通的谷歌地图中一样。这也没用

谁能给我指一下正确的方向吗。我们将非常感谢您的帮助

谢谢

好的,像这样试试:

在第41行更改

from
'<a href="#" id="virtual-tour" data="delta">Virtual Tour</a>'
to
'<a href="#" id="virtual-tour" data="arch">Virtual Tour</a>'
下面的代码添加到“createMarker”函数中

    //After this line.
    virtualTour.hotspotArray.push(marker);      

    //Add this code.
    setTimeout(function(){
      document.getElementById(pano).style.display = "none";
    }, 100);

谢谢。我感谢你所有的时间和努力。我仍然想知道为什么peg-man方法不起作用。我遵循谷歌提供的例子,但什么也没有。不过还是谢谢你。默认的pegman不起作用,因为谷歌不知道哪里有提供自定义街景的点。当pegman掉落时,无法钩住getPanoramaByLocation()函数。所以你需要实现你自己的佩格曼机制。
    //After this line.
    virtualTour.hotspotArray.push(marker);      

    //Add this code.
    setTimeout(function(){
      document.getElementById(pano).style.display = "none";
    }, 100);