谷歌自定义街景全景与自定义图像地图类型没有地理坐标的地图

Question

我正在开发一个没有地理参考的自定义图像地图类型地图，即我的地图的latlng不涉及该地点的acutal latlng。现在我还创建了该地图中某些建筑物和地点的自定义街景全景图。

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

以下是链接查看怎么回事：

http://cdi.astateweb.org/virtual_tour/

第一种方法： 有在地图上两个标记现在。当你点击它们时，会弹出一个小的infobubble。现在，当你点击虚拟游览链接时，会出现一个对话框。我想在该对话框中加载自定义街景全景图。我尝试了几件事情，但无济于事。我正在尝试为两个标记重复使用相同的对话框。我试图初始化jquery ui对话框打开功能的全景。它适用于第一个，但是当你关闭对话框并再次打开时，它会失败，并出现一些来自google apis的cbk错误。

第二种方法： 我试图使用默认的街景挂人，这样当挂人挂在某个建筑物或有全景的地方时，街景就像正常的谷歌地图一样。这也没有用。

有人可以指出我正确的方向。任何帮助将不胜感激。

感谢

Answer 1

好了，试试这样：

在换线41

from 
'<a href="#" id="virtual-tour" data="delta">Virtual Tour</a>' 
to 
'<a href="#" id="virtual-tour" data="arch">Virtual Tour</a>' 

变化的线96

$("#dialog").dialog({ 
     autoOpen: false, 
     width: 650, 
     open: function() { 
      console.log($("#" + virtualTour.currentPano)); 
      $("#" + virtualTour.currentPano).appendTo("#dialog").css("display", "block"); 
     }, 
     close: function() { 
      $("#" + virtualTour.currentPano).appendTo("body").css("display", "none"); 
     } 

    }); 

而下面的代码，加入“createMarker”功能。

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

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