使用百度地图+经纬度绘制数据可视化地理分布

前言

不知不觉,2017年已经过去了,而2018年的第一个月也快要接近尾声了,不得不感叹时间过得真的很快,由于自己最近一直很忙,所以没有时间来更新博客,导致博客短更接近一个多月,在这里给支持我的小伙伴们说声抱歉。

正文

最近,由于业务需求,需要实现数据的海量点的坐标图,来进行数据的可视化展现与分析,大概的实现效果图如下:
使用百度地图+经纬度绘制数据可视化地理分布

由上图分析,可见与百度地图中的加载海量点DEMO的效果类似,于是就采用海量点来进行实现这个效果:

首先,我们需要创建一个Map实例与设置地图的中心点坐标与图像级别:

这里,我们设置一下地图的主题,这里分享一个我们自定义的暗黑系列主题:

接着,我们从后端接口取出对应的数据,数据中包含每个点位置的经纬度,然后再根据每个经纬度创建Point实例,并保存到对应的list集合中:

以上将点的Point实例创建完成之后,接着就要开始绘制,根据官方的DEMO首先需要判断一下是否支持绘制海量点,然后在设置相关的参数:

将以上代码结合,就实现了预设图的效果,不过要注意的是,在异步请求的时候,不能将上述绘制代码写在成功的回调函数中,否则会没有效果,可以在外定义一个函数,然后成功之后将Point实例创建完成之后把list集合传递给这个函数来进行绘制操作。

后记

新年马上就快要到了,提前恭祝各位小伙伴新年快乐! :mrgreen:

    A+
所属分类:折腾随记

发表评论

请在下方填写评论信息

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

表情 粗体 斜体 图片 引用 链接 删除线 下划线 插代码 签到

目前评论:7   其中:访客  4   博主  3

  1. avatar 广州网站建设 3  来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信

    好久没有更新了

  2. avatar 九四社区 0  来自天朝的朋友 谷歌浏览器 Windows 7 云南省昆明市 电信

    厉害了,还可以这样玩

  3. avatar 明月清风 0  来自天朝的朋友 谷歌浏览器  HUAWEI C8818 Build/HuaweiC8818) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/33.0.0.0 Mobile Safari/537.36 mailapp/5.4.3 四川省雅安市 电信

    这个关系数据好多,密集恐惧了

  4. avatar 姜辰 1  来自天朝的朋友 火狐浏览器 Windows 10 北京市 移动

    默默的仰望,脖子有点酸。