使用Google map 绘制折线

最新推荐文章于 2019-07-09 18:10:58 发布

冷刃寒冰

最新推荐文章于 2019-07-09 18:10:58 发布

阅读量501

点赞数

分类专栏： google map

本文链接：https://blog.csdn.net/lengrenhanbing/article/details/84209758

版权

google map 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Polyline 就是在地图上绘制的一系列直线段线，折线将一系列坐标指定为 LatLng 对象的数组。

可调用 Polyline 的 getPath() ，它会传回 MVCArray 类型的数组，包含点的坐标值。绘制折线的时候使用push方法将点的坐标添加进数组中。

function drawPolygonLine(){
	var polyOptions = {
          strokeColor: '#000000',
          strokeOpacity: 1.0,
          strokeWeight: 3
        };
    var poly = new google.maps.Polyline(polyOptions);
      poly.setMap(mapObj);
	google.maps.event.addListener(mapObj, 'click', function(event){
	      var path = poly.getPath(); 
              path.push(event.latLng); 
	       var marker = new google.maps.Marker({
		        position: event.latLng,
			title: '#' + path.getLength(),
			map: mapObj 
		}); 
	});
}