博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取后台数据在高德地图上画线
阅读量:6306 次
发布时间:2019-06-22

本文共 2510 字,大约阅读时间需要 8 分钟。

1         var data =  Iphone.data; //从后台获取的所有数据 2         var geocoder = new AMap.Geocoder(); //创建地图 3         var cityArr = data.data.citys;   //获取城市名(一个数组) 4         var lineArr =[]; 5         var obj = {}; 6         for(var i in cityArr) { 7            //闭包渲染避免顺序错乱 8             (function(index) { 9                 geocoder.getLocation(cityArr[i], function(status, result) {10                     if (status === 'complete' && result.info === 'OK') {11                         wlggIphone.methods.geocoder_CallBack(result);12                         lineArr.push(result.geocodes[0].location);13                         obj[cityArr[index]] = result.geocodes[0].location;14                         if(lineArr.length == cityArr.length) {15                             var arrSolid = [];16                             var arrDashed = [];17                             for(var j in cityArr) {18                                 if(j < (cityArr.length - 2)) {19                                     arrSolid.push(obj[cityArr[j]]);20                                 }else if(j == cityArr.length - 2) {21                                     arrSolid.push(obj[cityArr[j]]);22                                     arrDashed.push(obj[cityArr[j]]);23                                 }else {24                                     arrDashed.push(obj[cityArr[j]]);25                                 }26                             }27                             var polyline = new AMap.Polyline({   28                                 path: arrSolid,  29                                 strokeColor:"#66C5FF",//线颜色30                                 strokeOpacity:1,//线透明度  31                                 strokeWeight:3,//线宽32                                 strokeStyle:"solid"//线样式  33                             });  34                             polyline.setMap(map);35                             var polyline1 = new AMap.Polyline({   36                                 path: arrDashed,  37                                 strokeColor:"#66C5FF",//线颜色38                                 strokeOpacity:1,//线透明度  39                                 strokeWeight:1,//线宽40                                 strokeStyle:"dashed"//线样式  41                             });  42                             polyline1.setMap(map);43                            44                         } 45                     }46                 });47             })(i)48         }
View Code

 

转载于:https://www.cnblogs.com/MirrorBlog/p/9388994.html

你可能感兴趣的文章
CentOS 6.9通过RPM安装EPEL源(http://dl.fedoraproject.org)
查看>>
“区块链”并没有什么特别之处
查看>>
没有功能需求设计文档?对不起,拒绝开发!
查看>>
4星|《先发影响力》:影响与反影响相关的有趣的心理学研究综述
查看>>
IE8调用window.open导出EXCEL文件题目
查看>>
python之 列表常用方法
查看>>
vue-cli脚手架的搭建
查看>>
在网页中加入百度搜索框实例代码
查看>>
在Flex中动态设置icon属性
查看>>
采集音频和摄像头视频并实时H264编码及AAC编码
查看>>
3星|《三联生活周刊》2017年39期:英国皇家助产士学会于2017年5月悄悄修改了政策,不再鼓励孕妇自然分娩了...
查看>>
linux查看命令是由哪个软件包提供的
查看>>
高级Linux工程师常用软件清单
查看>>
堆排序算法
查看>>
folders.cgi占用系统大量资源
查看>>
路由器ospf动态路由配置
查看>>
zabbix监控安装与配置
查看>>
python 异常
查看>>
last_insert_id()获取mysql最后一条记录ID
查看>>
可执行程序找不到lib库地址的处理方法
查看>>