原画线方式:

//存储大量点轨迹json数组:historyPathList
for(var i=0;i<historyPathList.length-1;i++){
drawColorLine(i,color,4,historyPathList);
}
//显示原始路线
function drawColorLine(i,color,weitht,list){
var polyline = new BMap.Polyline([
new BMap.Point(list[i].Lng,list[i].Lat),//起始点的经纬度
new BMap.Point(list[i+1].Lng,list[i+1].Lat)//终点的经纬度
], {strokeColor:color,//设置颜色
strokeWeight:weitht, //宽度
strokeOpacity:1});//透明度
map.addOverlay(polyline);
}
这样写会多加很多不必要的点,而且对API调用了过多次数,会影响性能。

改进:

 var polylinePointsArray = [];
for(var i=0;i<historyPathList.length;i++){
polylinePointsArray[i] = new BMap.Point(historyPathList[i].Lng,historyPathList[i].Lat);
}
var polyline = new BMap.Polyline(polylinePointsArray, {strokeColor:"green", strokeWeight:4, strokeOpacity:1})
polyline.id = 123456;
map.addOverlay(polyline);
备注:Polyline是个覆盖物对象,可以和其他对象一样自定义属性的,比如在声明以后设置polyline的id属性直接用polyline.id=content就可以了。再例如:polyline.name 
或 polyline.length等。覆盖物对象可以根据自己的需求自定义任何属性,取值的时候只需按这个字段取就可以了。

最新文章

  1. jira的插件开发流程实践
  2. 小明的密码-初级DP解法
  3. iOS设计 - 一款APP从设计稿到切图过程概述
  4. js中列表控件排序箭头,在wke中不支持的解决办法
  5. How do I set the default schema for a user in MySQL
  6. js 滚动加载iframe框中内容
  7. 字符串和json之间的互相转化
  8. android webview 漏洞背后的节操
  9. 自己手写简约实用的Jquery tabs插件(基于bootstrap环境)
  10. leetcode解决问题的方法||Integer to Roman问题
  11. 使用Eclipse创建模板并格式化代码
  12. android线程与线程池-----AsyncTask(一)《android开发艺术与探索》
  13. poj2924---高斯求和
  14. [Windows Azure] 使用 Windows Azure 快速搭建 Redis 服务器
  15. Hadoop概论
  16. php中的冒泡排序算法
  17. hadoop生态圈列式存储系统--kudu
  18. oh-my-zsh: bracketed-paste-magic:zle:47: not enough arguments for -U
  19. Mysql 全文搜索 Match Against用法
  20. Python 2、8、10、16进制间的转换

热门文章

  1. kali linux中文乱码解决
  2. php 温故而知新 好久不用 又得继续学习下
  3. Jmeter介绍以及脚本制作与调试
  4. Robotframework常见问题收集
  5. 深度优先搜索 &amp; 广度优先搜索
  6. Java中的两种异常类型是什么?他们有什么区别?
  7. flash插件
  8. vue-cli3抽离配置文件,动态修改打包后配置
  9. 清晰架构(Clean Architecture)的Go微服务: 程序结构
  10. 【Java必修课】图说Stream中的skip()和limit()方法及组合使用