いくつかの経度と緯度の助けを借りてGoogleマップにマーカーを表示

Question

私は自分のコントローラーにある緯度と経度の助けを借りて地図上に複数の場所マーカーを表示したいと思います。ビルドエラーはなく、さまざまな場所マーカーで地図を見ることもできますが、最後の情報ウィンドウだけがクリックイベントに応答しています。あなたは、マーカーを作成しているモデル内の各項目については

@section Script { 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

} 
    <div id="map_canvas" style="width: 875px; height: 600px"> 
</div> ` 

<script type="text/javascript"> 
     //display the map      

     var stockholm = new google.maps.LatLng(59.32522, 18.07002); 
     var myOptions = { 
       zoom: 4, 
       center: stockholm, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    //display markers 
    @foreach (var item in Model) 
    { 
    <text> 
     var latLng = new google.maps.LatLng('@(item.Latitude)', '@(item.Longitude)'); 
     var title = '@(item.Title)'; 
     var contentString = '<h3>' + title + '</h3>' 


     var marker = new google.maps.Marker({ 
      position: latLng, 
      map: map 
    }); 


    var infoWindow = new google.maps.InfoWindow(); 


    google.maps.event.addListener(marker, 'click', function() { 
     infoWindow.setContent(contentString); 
     infoWindow.open(map, marker); 
    }); 

    </text> 
    } 
</script> 

Answer 1

。ただし、イベントリスナーをマーカーに追加するコード（クリックの場合）はループの外にあります。

イベントリスナーは、すべてのマーカーではなく、最後のマーカーに追加されています。