複数の位置を表示するGoogleマップを作成しています。私は、データが任意のサービス ソースから取得されることを期待しています (ここでは、当面はハードコードされています)。最後の位置のコンテンツは、すべてのマーカーとバインドされています。私はここで与えられたすべての議論を経てきましたが、解決策を得ることができません.
これが私のコードです:
var LocationArray = [
[ 26.864981300000000000, 80.962066000000050000],
[12.971598700000000000,77.594562699999980000],
[19.017614700000000000,72.856164400000010000],
[ 28.635308000000000000, 77.224960000000010000],
[ 13.060422000000000000, 80.249583000000030000],
[ 22.572646000000000000, 88.363894999999950000]
];
var mapOptions = {
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
function showMultiplePostionOnMap(mapOptions,LocationArray){
var MapObjectForShowMultiplePostionOnMap = new google.maps.Map(document.getElementById("MapAreaNode"), mapOptions);
var infowindow= new google.maps.InfoWindow();
for( var i = 0; i < LocationArray.length; i++){
var marker=new google.maps.Marker({
icon:image,
animation: google.maps.Animation.DROP
});
marker.setMap(MapObjectForShowMultiplePostionOnMap);
marker.setPosition(new google.maps.LatLng(LocationArray[i][0], LocationArray[i][1]));
if(parseInt((LocationArray.length)/2)==i)
{
MapObjectForShowMultiplePostionOnMap.setCenter( new google.maps.LatLng(LocationArray[i][0], LocationArray[i][1]));
}
var infocor = new google.maps.LatLng(LocationArray[i][0], LocationArray[i][1]);
var add;
geocoder.geocode({'location':infocor}, function(results, status)
{
if(status == google.maps.GeocoderStatus.OK) {
add=results[0].formatted_address;
}
});
google.maps.event.addListener(marker, 'click', (function(marker,i) {
return function(){
infowindow.setContent(add);
infowindow.open(MapObjectForShowMultiplePostionOnMap,marker);
}
})(marker,i));
}
}
繰り返しの質問だと思いますが、いろいろ試しましたが解決できませんでした。