1

意図:

私たちが持っているさまざまなストアのリストを表示したい単一テンプレートの jQM ページがあります。

これが実際の例です: http://bit.ly/WU7N1P

ポップアップ用に再利用可能なコンテナーを 1 つ用意し、ユーザーが 1 つの場所または別の場所をタップすると、ネストされDIVたコンテナーを更新したいと考えています。私の実装のベースは jQM Google Map プラグインからのもので、これに追加しました。srciframe

タップされる場所の緯度と経度のパラメーターを作成し、それをファイルに渡しURLますshowMap.html。これはiframe src、Google マップが iframe に読み込まれる場所です。ユーザーが店舗の正確な場所を確認できるように、マップにマーカーも追加しました。

問題：

ユーザーがボタンをタップしてマップを開くと、ロードされるポップアップが 2 つあるように見えますか? そのため、マップ ポップアップを閉じると、2 つ目の空白のポップアップが残り、それも閉じる必要があります。

注:ほとんどの場合、最初の「マップを開く」ボタンでこの問題を再現できますが、問題を再現するには、2 つ目の別の「マップを開く」ボタンをタップする必要がある場合があります。

私はこれに数週間完全に行き詰まっており、誰かが私のためにこの問題に光を当てることができることを望んでいます.

これは、同様に動作する jsFiddle です。 http://jsfiddle.net/hmQZk/3/

事前にどうもありがとうございました！

ウィジーブーム

4

1 に答える 1

1

あなたの問題は popupbeforeposition 状態と行にありました:

    $('#popupMap iframe').attr('src', 'http://map.matchstickcrew.com/showMap.html?latlng=' + latlng);

私はそれを削除し、中に入れました：

$('.btnShowMap').on('click', function() { 
    latlng = $(this).attr('data-latlng'); 
    $('#popupMap iframe').attr('src', 'http://map.matchstickcrew.com/showMap.html?latlng=' + latlng);
});

これが実際の例です：http://jsfiddle.net/Gajotres/hmQZk/5/

ただし、私のアドバイスを聞きたい場合は、この iframe ソリューションを放棄してgMap v3 apiに切り替える必要があります。基本的に、プロキシとして iframe を使用しなくても同じことが得られます。

于 2013-03-26T21:37:03.770 に答える