2015-06-15 42 views
-1

我正在写一个简单的应用程序来绘制谷歌地图中的多个标记,并连接它认为一条路径,因为它看起来像一条路线。 我可以绘制多个标记。并搜索一些绘制路线图的文章。但我不能策划它。我在javascript中写道我如何绘制路线图?

<html> 
<head> 
<title>Google Maps Multiple Markers</title> 
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
</head> 
<body> 
<div id="map" style="height: 1000px; width: 800px;"> 
</div> 
<script type="text/javascript"> 
var markers= [ 
{ 
"lat": '13.03563', 
"lng": '77.51283', 
    "description": '1' 
    }, 
    { 
    "lat": '13.04501',  
    "lng": '77.55674', 
    "description": '2' 
}, 
{ 
    "lat": '13.03747', 
    "lng": '77.5629', 
    "description": '3' 
]; 
    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 10, 
center: new google.maps.LatLng(markers[0].lat, markers[0].lng), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 
var infowindow = new google.maps.InfoWindow(); 
var marker, i; 
for (i = 0; i < markers.length; i++) { 
marker = new google.maps.Marker({ 
position: new google.maps.LatLng(markers[i].lat , markers[i].lng), 
    map: map 
}); 
} 
</script> 
</body> 
</html> 
    } 
    ]; 

我该如何绘制路线?任何建议

+0

发布的代码中有语法错误,'Uncaught SyntaxError:Unexpected token]',请发布一个[Minimal,Complete,Tested and Readable]示例(http://stackoverflow.com/help/mcve)问题。 – geocodezip

回答

0

好像您正在搜索谷歌地图的方向服务

看广告这个Direction documentation

,并在此direction samples

如果不是方向servici你正在寻找,但要用线连接标记。在每个标记坐标之间绘制一个LineString。

+0

是的,我正在寻找方向服务。 – Satyajit

+0

如果您发现我的回答有用,请评价它 – scaisEdge