javascript - Google マップ v3 のループ内のマーカー リスナー

Question

index pageループ内にリスナーを作成して登録するマーカーがたくさんあります。これらのマーカーの 1 つをクリックすると、どのマーカーがアクションを開始したかを知る必要next pageがある場所に移動します。anchor button私は次のシナリオを段階的に持っています：

• マーカー 1 をクリック//outputs a correct id 1 in console
• 次のページに移動します //outputs a correct id 1 in console on clicking anchor
• インデックス ページに戻り、マーカー 2 をクリックします。//outputs a correct id 2 in console
• 次のページに移動します//outputs both ids 1 and 2 in console on clicking anchor

最後のステップは、問題がどこにあるのかですid 2。実際、このプロセスを 3 回繰り返すと、ID 1、2、および 3 がすべて取得されますがid 3、この場合は のみが必要です。

私のコード:

$.each(otherLocations, function(index, value){
  var markerOtherLocations = new MarkerWithLabel({
    position: new google.maps.LatLng(value.latitude, value.longitude),
    map: map,
    title: value.name+" "+value.distance,
    icon: iconImage,
    labelContent: value.name+" "+value.distance,
    labelAnchor: new google.maps.Point(50, 0),
    labelClass: "labels", // the CSS class for the label
    labelStyle: {opacity: 0.60}
  });


  google.maps.event.addListener(markerOtherLocations, 'click', function() {
    $.mobile.changePage("#detail-page", { transition: "flip"} );
    console.log(value.localurl);//Outputs correct url

    $("#ref").on("click", function(){  //The problem is in this anchor click
      console.log(value.localurl);//Outputs the current as well as all the previous urls
    });
  });
});