在多个标记之间绘制折线
draw polyline between multiple markers
我已经解决了在谷歌地图中放置多个标记的问题。
现在我面临着在这个标记之间画一条折线的问题,实际上我是谷歌地图API的新手。
my code:
$lat1
的值为
[["a, Ahmedabad, Gujarat 380001, India","23.0263517","72.5819013"],
["b, Ahmedabad, Gujarat, India","23.0690035","72.6801576"],
["c, Ahmedabad, Gujarat 380015, India","23.0171240","72.5330533"]]
<script type="text/javascript">
var markerarray=new Array();
var locations = <?php echo json_encode($lat1);?>;
var directionsService = new google.maps.DirectionsService();
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(23.0171240, 72.5330533),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++)
{
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
markerarray[i] = (Array(locations[i][1], locations[i][2]));
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
var flightPath = new google.maps.Polyline({
path: markerarray,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
</script>
我使用静态值绘制折线,但动态值没有成功。
我用这个例子画折线,但我不知道如何用多个标记使用它。
简单折线
提前谢谢。
用marker
-positions 填充array
,并将此array
用作path
-option for google.maps.Polyline
相关文章:
- 我可以用哪个图表(工具)来绘制“;“云点”;他们所有人之间以力量的纽带分散开来
- HTML5 画布绘制点之间的线条距离
- 绘制的节点和Google图表/可视化中的数据节点之间的关系
- 在谷歌地理图中绘制两点之间的曲线
- D3 - 在两个不与其他对象相交的对象之间绘制一条线
- 在多个标记之间绘制折线
- 如何在谷歌地图中的两个标记之间绘制路线
- 在传单中,介绍如何在多个点之间绘制多段线
- KineticJS:在两个形状之间绘制箭头
- 绘制两个位置之间的单元格
- 如何绘制线之间的谷歌地图richmarker
- 在HTML5 Canvas上绘制两个对象之间的箭头
- 使用MapBox绘制多个标记之间的路线
- 如何移动一个矩形与箭头键,同时清除画布之间的每次重新绘制
- 绘制点之间的路径谷歌地图在asp.net
- 用于分析和绘制Javascript函数之间依赖关系的工具
- 在两个图元之间绘制一条连接线
- Javascript+svg,在两个给定点之间绘制正弦(波浪)线
- Google Maps JavaScript API v3 在两个位置之间绘制线条
- 在两点之间绘制假想路径并沿该路径打印图像