百度地图在jsp页面加载大量轨迹导致地图卡顿

原画线方式：

//存储大量点轨迹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})map.addOverlay(polyline);

转载于:https://www.cnblogs.com/qiantao/p/11497454.html

百度地图在jsp页面加载大量轨迹导致地图卡顿相关推荐

vue百度地图一进页面加载卫星图
<bm-map-type :map-types="mapType" anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-m ...
jsp页面加载的时候，从后台获取数据，页面加载完成之后，下拉列表中已经有值
在jsp中,我们经常会遇到这种情况:当页面加载完成之后,下拉列表中已经有数据,这是怎么实现的呢? 下面作以详解: 1.<body οnlοad="fun()">:在js ...
百度地图-省市县联动加载地图
2019独角兽企业重金招聘Python工程师标准>>> 在平常项目中,我们会遇到这样的业务场景: 客户希望把自己的门店绘制在百度地图上,通过省.市.区的选择,然后加载不同区域下的店铺 ...
jsp页面加载时自动执行action
2012-01-17 13:50 470人阅读评论(0) 收藏举报比如当我进入首页时,就要将数据库中的一些数据加载到welcome.jsp页面中,但是刚进入页面时,是没有执行action的,所以 ...
百度离线使用百度地图离线JavaScript API加载本地瓦片地图 -java教程
最近笔者几篇文章介绍了改百度离线的文章. 关联文章的地址 1.首先取获百度 JavaScript API 首先用浏览器开打 http://api.map.baidu.com/api?v=1.3 如下图 ...
百度地图SDKV2.0图层加载
为什么80%的码农都做不了架构师?>>> http://www.apkbus.com/android-109187-1-1.html SDK版本v2.0.0初探一.开发前的准 ...
百度地图路书动态加载规划
<html lang="en"> <head><meta charset="utf-8"/><title>路书& ...
百度地图软件测试,使用 app-inspector 解析 i 调用百度地图定位的页面时 (iOS)，会导致测试 app 崩溃...
环境信息: Mac:OSX 10.12.6 Xcode:8.3.3 设备:iphone 6s /ios 10.3.3 app-inspector:v2.0.6 (单独安装的 app-inspector ...
html卡死手机,手机页面加载地图，双手操作放大，APP卡死
测试手机:小米5 现象:手机页面加载地图,双手操作放大,APP卡死,APP卡住后,点击物理返回键是能返回的,但页面全部不能点击. 页面代码: initMap() ; function initMap( ...

百度地图在jsp页面加载大量轨迹导致地图卡顿

百度地图在jsp页面加载大量轨迹导致地图卡顿相关推荐

最新文章

热门文章