1

Googleマップに複数のマーカーを表示できますが、情報ウィンドウが表示されず、ポリラインも表示できません...誰でもコードを手伝ってもらえますか?マーカーでは機能しますが、ポリラインと情報ウィンドウでは機能しないコードサンプルを次に示します。 ..

テーブルの行と列からアドレスを取得しています...

var t= document.getElementById('map_table');

var latlng = new google.maps.LatLng(12.97160, 77.59456); 

var map = new google.maps.Map(document.getElementById('map_selected'), 
{
    zoom:12,
    center:latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var address = [];
var mark=[];
var info = [];
var pathMap =[];

for(var i=0; i<t.rows.length; i++)
{
    address[i] = t.rows[i+1].cells[2].innerHTML + "," + t.rows[i+1].cells[3].innerHTML;
    var gc = new google.maps.Geocoder();
    gc.geocode({'address': address[i]}, function (res, status)
    {
        mark[i]=new google.maps.Marker({
        position: res[0].geometry.location,
        map: map
    });

    info[i] = new google.maps.InfoWindow({
        content:address[i]
    });

    google.maps.event.addListener(mark[i], 'click', function() {
        info[i].open(map,mark[i]);
    });

    pathMap.push(res[0].geometry.location);

    if (pathMap.length == t.rows.length)
    {
        var routePath = new google.maps.Polyline({
        path: pathMap, 
        strokeColor: "#FF0000",
        strokeOpacity: 0.50,
        strokeWeight: 2
    });

    pathMap.setMap(map);
  }});
}
4

1 に答える 1