ajax - ajax を使用した Google マップ

Question

私のサイトには、いくつかのカスタム マーカーを含む動的な Google マップがあります。私がする必要があるのは、特定のマーカーをクリックすると、Ajax を使用してそのマーカー (ショップ) に関する情報を含む div をマップの下にロードすることです。

助けてくれてありがとう

ジョアン

Answer 1

イベント ハンドラをマーカーにバインドし、ajax リクエストを実行して、jquery post などを使用してサーバー サイド スクリプトからマーカー情報を取得できます。次に、サーバー側で、その位置などのいくつかのマーカー データに基づいて必要な情報を取得できます。

google.maps.event.addListener (marker, 'click', function(event) {
    var position  = marker.getPosition();
    $.post("getmarkerdata.php",{
        latitute: position.lat(),
        longitude: position.lng()  
    }),
    function(data){
        $(yourdiv).html(data);
    }
});