c# - Googleマップでjqueryを使用して複数のマーカーを動的にバインドする方法

Question

指定された緯度と経度に基づいて、Googleマップで「複数のマーカー」をバインドし、マーカー情報ウィンドウもバインドする必要があります。

このリンクを参照しました

そして、私はこのコードを試しました:

var myLatLng = new google.maps.LatLng(this.Latitude, this.Longtitude);

                            var contentString = '<span style="color:green;font-size:10pt;">Hospital Name:' + this.hospitalName + '</span><br />Address:<br />' + this.cityName + this.stateName + '<br/><br/>';
                            //this.hospitalName + '</br>' + this.cityName + '</br>' + this.stateName;
                            var infowindow = new google.maps.InfoWindow();
                            var marker = new google.maps.Marker({
                                position: myLatLng,
                                map: map,
                                icon: image,
                                shape: shape
                            });
                            google.maps.event.addListener(marker, 'click', function() {
                                infowindow.setContent(contentString);
                                infowindow.open(map, this);
                            });

Answer 1

このようなものを使用できます。

$.each($.parseJSON(data), function() {

         var myLatLng = new google.maps.LatLng(this.Latitude, this.Longtitude);
         var contentString = '<span style="color:green;font-size:10pt;">Hospital Name:'     +   this.hospitalName + '</span><br />Address:<br />' + this.cityName + this.stateName + '<br/><br/>';
      this.hospitalName + '</br>' + this.cityName + '</br>' + this.stateName;
                            var infowindow = new google.maps.InfoWindow();
                            var marker = new google.maps.Marker({
                                position: myLatLng,
                                map: map,
                                icon: image,
                                shape: shape
                            });
                            google.maps.event.addListener(marker, 'click', function() {
                                infowindow.setContent(contentString);
                                infowindow.open(map, this);
                            });


});