在高德地图上添加折线

一条直线有两个端点确定，所以想要在地图上添加一条可展示的直线或折线，需要明确点位的具体经纬度，只需要调用高德api即可完成

1.先获取精准的点位坐标

可以通过高德的点击事件获取点击位置的坐标，例如：

this.map.on('click', function(e) {console.log(e)
});

let poly_arr = [[[120.155818,36.859481],[120.156534,36.858955],],[[120.156422,36.860002],[120.157115,36.859468],],[[120.157014,36.860535],[120.157716,36.860022],],[[120.157614,36.861057],[120.15833, 36.860561],],]

2.通过循环统一生成折线

for(let i = 0; i < poly_arr.length; i++){var polyline = new AMap.Polyline({path: poly_arr[i],isOutline: true,outlineColor: "#ffeeff",borderWeight: 1,strokeColor: "#ffffff",strokeOpacity: 1,strokeWeight: 6,// 折线样式还支持 'dashed'strokeStyle: "solid",// strokeStyle是dashed时有效strokeDasharray: [10, 5],lineJoin: "round",lineCap: "round",zIndex: 50,zooms:[16,20]});this.map.add(polyline);}

在高德地图上添加折线相关推荐

android高德marker添加点击,高德地图上添加marker，给每一个marker添加点击事件。...
高德地图上添加marker,给每一个marker添加点击事件. 高德地图上添加marker,给每一个marker添加点击事件.javascript var watch = [] $.ajax({ ty ...
高德地图上添加一个点
官方文档,讲解如下: LatLng ll = new LatLng(lat, lng);aMap.addMarker(new MarkerOptions().position(ll).title(&q ...
android定位附近店铺,高德地图怎么添加店铺位置_高德地图定位怎么设置添加自己家店铺位置_攻略...
高德地图是国内最知名的地图导航软件,基本上每个人的手机上都有这款软件.如今想要方便出行都可以通过高得地图查询位置就可以了,给我们的生活带来了很多的便利.在高德地图上也可以很方便的查询各个地方的店铺,通 ...
高德地图上画图!和3D绘制区域
封装了一些方法前提是引入高德api 才能使用这个办法 // 绘制进博会的区域$(document).ready(function () {// 绘制板块$.ajax({ //可以是一个json里面 ...
使用Python调用百度地图的API在地图上添加标记
写在前面近期博主工作太忙,快一个月没更新博客.今天跑了大半天的腿,被一堆破事儿弄的无比憋屈,写篇博客调节一下心情. 博主的目的是在地图上做一些标记,然后保存为html网页文件,这样方便我的软件调用, ...
高德地图API 添加标点自定义标点
高德地图API 添加标点自定义标点在我们创建完地图实例后,就可以在地图中添加遮盖物,覆盖物有多种类型,今天只说点标记首先构造一个点标记添加默认样式点标记 // 构造点标记 var marker ...
高德地图上展示终端信息
本人参与的一个智慧园区的项目,网络地图开发出来的后期效果如下图所示: 初次拿到设计图时还没有左上角的全局搜索框,第一步首先是绘制出浮在上层的四张卡片,我是用遍历的方式依次渲染的: {showCards ...
高德地图marker添加属性、更换icon图标
为高德地图marker添加属性首先创建marker //创建iconvar icon = new AMap.Icon({size: new AMap.Size(25, 34),image: '/im ...
计算机二级word插入图表,四步教你在excel柱形图上添加折线图
相信很多小伙伴都已经知道如何建立Excel柱形图,但对于在excel柱形图上添加折线图大家又会不会呢?在excel柱形图上添加折线图能让我们的图表更加清晰,而且这还是一个提问率非常高的Excel图表问 ...

在高德地图上添加折线

在高德地图上添加折线相关推荐

最新文章

热门文章