0

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

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

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

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

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

第二种方法:我尝试使用默认的街景街景小人,这样当街景小人被放到某个具有全景的建筑物或地方时,街景就会像普通的谷歌地图一样出现。这也不起作用。

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

谢谢

4

1 回答 1

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);

在此处输入图像描述

于 2012-11-10T06:25:33.167 回答