0

地理参照なしでカスタム イメージマップ タイプのマップを開発しています。つまり、マップの緯度はその場所の実際の緯度とは関係ありません。また、そのマップ内の特定の建物や場所のカスタム ストリートビュー パノラマも作成しました。

問題は、これらのカスタム ストリートビュー パノラマをカスタム イメージマップと統合できないことです。

以下は、何が起こっているかを確認するためのリンクです。

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

最初のアプローチ: 現在、マップ上に 2 つのマーカーがあります。それらをクリックすると、小さなインフォバブルがポップアップします。バーチャル ツアーのリンクをクリックすると、ダイアログが表示されます。そのダイアログでカスタム ストリートビュー パノラマを読み込みたいです。私はいくつかのことを試しましたが、役に立ちませんでした。両方のマーカーに同じダイアログを再利用しようとしています。jquery ui dialog open関数でパノラマを初期化してみました。最初のものでは機能しましたが、ダイアログを閉じて再度開くと、Google API からの cbk エラーで失敗します。

2 番目のアプローチ: デフォルトのストリートビュー ペグマンを使用して、パノラマのある特定の建物または場所にペグマンをドロップすると、通常の Google マップと同じようにストリートビューが表示されるようにしました。これもうまくいきませんでした。

誰かが私を正しい方向に向けることができますか？どんな助けでも大歓迎です。

ありがとう

4

1 に答える 1

1

OK、次のようにしてみてください：

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 に答える