Googleマップ - 複数のマーカーを使用すると情報ウィンドウに同じテキストが表示されます

Question

Googleマップで複数のマーカーに問題があります。現在、情報（位置情報）を格納しているMySQLデータベースがあります。 PHPで私はこの情報を抽出し、各郵便番号をループして、必要なjavascriptを動的に作成し、データベースの各場所のマーカーを配置します。

js関数に正しい情報を渡していることを知っているので、私が達成しようとしているのは、マーカーがクリックされたときに追加の情報を追加することです。

これは私が使用しているJS（私が一番上にアイコンを開始するが、今のコードからこれを除外）である：私はPHPのコードがある

function usePointFromPostcode(postcode, callbackFunction, text) { 

    localSearch.setSearchCompleteCallback(null, 
     function() { 

      if (localSearch.results[0]) 
      {  
       var resultLat = localSearch.results[0].lat; 
       var resultLng = localSearch.results[0].lng; 
       var point = new GLatLng(resultLat,resultLng); 
       callbackFunction(point, text); 
      }else{ 
       alert("Postcode not found!"); 
      } 
     }); 

    localSearch.execute(postcode + ", UK"); 
} 

function placeMarkerAtPoint(point, html, icon) 
{ 
    var marker = new GMarker(point,{icon: icon}); 

    GEvent.addListener(marker,"click",function() { 
     marker.openInfoWindowHtml(html); 
    }); 

    map.addOverlay(marker); 
} 

：

$query = "SELECT * FROM hospitalInfo"; 
$result = mysql_query($query); 

if($result) { 
    while ($row = mysql_fetch_assoc($result)) { 
     $code .= "usePointFromPostcode('".$row['Postcode']."', placeMarkerAtPoint, 
     '".$row['placeName']."');"; 

    } 
} 

$コードがechoされます。

これがなぜ発生しているのかアドバイスをいただければ幸いです。ありがとう！

Answer 1

あなたがあなたのコメントで述べたように、問題はあなたがどんな結果を得る前に、あなたはいくつかの要求を送っているということで、マーカテキストの値は、あなたがリクエストを送信するたびに変化します。 Maps APIの一部ではないGLocalSearchを使用することが絶対に必要でない限り、GClientGeocoderを使用することでコードを大幅に簡略化できると思います。ジオコーダーの場合はGoogle's tutorialです。

まず、このようなジオコーダを作成：

function usePointFromPostcode(postcode, text) { 
    geocoder.getLatLng(postcode, function(point) { 
     if (!point) { 
      //alert('address not found'); 
     } else { 
      var marker = new GMarker(point, {icon: icon}); 
      GEvent.addListener(marker, "click", function() { 
       marker.openInfoWindowHtml(text); 
      }); 
      map.addOverlay(marker); 
     } 
    }); 
} 

これは私のために素晴らしい仕事：

var geocoder = new GClientGeocoder(); 

次へ]を、ここにあなたの新しいusePointFromPostcode（）機能です。試してみて、それがどうなっているか教えてください。あなたは、精度のような返されるポイントに関する詳細な情報を、必要な場合は

、代わりにgetLatLngのgetLocations()（）を使用します。このチュートリアルでは、どのように動作するかを説明します

Answer 2

Googleマップコードに問題はありません。 placeMarkerAtPointのhtmlパラメータとlocalSearchコールバックのテキストパラメータをロギングすることをお勧めします。 Googleのあなたが使用することができ非常に便利なロギングAPIを持っています。

GLogリファレンス

私はplaceMarkerAtPoint機能の初めに追加します。

GLog.write ("placeMarkerAtPoint - " + html); 

とlocalSearchコールバックで：

GLog.write ("SearchCompleteCallback - " + text); 

私はこれらの2つのコールバック（特に2番目のコールバック）のロギングが、htmlが失われている場所を明白にすると思います。

更新：あなたのログに基づいて、あなたのPHPコードは正常です。 usePointFromPostcodeへの3回の呼び出しを生成しています。

ここでの問題は、google.search.SearchControlコールバックにあります。私は検索が正しく動作していると仮定しています。結果の配列はそれぞれの郵便番号ごとに適切ですか？

もしそうなら、問題はsetSearchCompleteCallbackのtextパラメータにあります。私はGoogle AJAX Searchのものを使用していませんが、問題はこれらのコールバックがどのように起動されるかにあります。 1回の実行でmultiple callbacksを取得できるようです。

Answer 3

名前マーカーを再使用しているため、最後に配置したテキストがすべてのマーカーに接続されてしまいます。インデックスを作成してmarker1、marker2などに名前を付けます。PHPループで簡単に実行できます。

Answer 4

hereの問題と同様に、スコープ/クロージャの問題が発生している可能性があります。

このコードを交換してみてください。これで

GEvent.addListener(marker,"click",function() { 
    marker.openInfoWindowHtml(html); 
}); 

：

marker.bindInfoWindowHtml(html); 

問題が解決しない場合、私は閉鎖問題がsetSearchCompleteCallback（）関数から来ていることを推測すると思います。実際のページを見ずに推測するのは難しいです。