移动app中利用百度地图javascript API添加多个标注点的性能问题。

cllover 2013-12-18 09:44:09



var data=[{x:'1',y:'11'},
{x:'2',y:'21'},
{x:'3',y:'31'},
{x:'4',y:'41'},
{x:'5',y:'51'}]
//当data中的项目较少(data.length<50)的时候,显示正常,拖拽,放缩正常;
//当data中的项目较多(data.length>300)的时候,显示缓慢,拖拽放缩都有一定的迟钝现象;
for(var i=0;i<data.length;i++){
var poi = new BMap.Point(data[i].x, data[i].y);
var marker = new BMap.Marker(poi);
map.addOverlay(marker);
}

//求更好的解决方法。谢谢




应用场景为利用百度地图javascript api在一个 hybrid App 中显示较多数量的标注点。比如显示全国的银行的标注点、显示全国的邮政局的标注点等。
当要显示的数据量很大如超过1000条数据的时候,地图加载很慢,拖动地图或者缩小地图的时候都有一定的迟钝现象,及使用聚合显示也没有很好的解决问题。求性能优化方法。
...全文
380 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
kkjjww 2013-12-19
  • 打赏
  • 举报
回复
应该据地图位置取数据,分批取(或设置等级) 一次取1000,屏幕上也显示不了啊

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧