继上次Echarts散点图与百度地图结合后的卡顿问题

    之前想在百度地图上将设备的分布用散点图表示在百度地图上,虽然也成功实现了,但是发现一次性加载的点太多了的话,会出现一点卡顿问题,移动地图的时候不是很方便,而且因为每次移动,点也会重新计算方位,导致出现点和图分离的现象。之后去百度地图的网上学习了一下,了解到了百度地图提供了加载海量的点很方便的


PointCollection类。使用后确实加载快了很多,而且方便许多。

var map = new BMap.Map("map");                        // 创建Map实例
    map.centerAndZoom(new BMap.Point(105.000, 38.000), 5);     // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom();                        //启用滚轮放大缩小
    map.setMapStyle({style:'midnight'});              //这里是设置地图的风格,我设置的是午夜的风格
    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points = [];  // 添加海量点数据
        for (var i = 0; i < AjaxObject.count; i++) {//这里的AjaxObject是我从数据库中获取到的数据
          points.push(new BMap.Point(AjaxObject[i].last_map_x, AjaxObject[i].last_map_y));
        }
        var options 
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值