数据可视化
文章平均质量分 89
Joern-Lee
嵌入式-物联网-美好的未来~~~
展开
-
百度地图开发入门(6):3D建筑
这里将会介绍基于百度地图与大数据来实现的立方体图形,这里就需要掌握面的概念:这里需要掌握shapeLayer:https://lbsyun.baidu.com/solutions/mapvdata,他可以提供一系列坐标点来形成一个面,最后多个面可以形成一个多边形。就是把圆球形地图变成一个直角坐标系,这样坐标系每一个点就可以对应到地球上的经纬度坐标,这种坐标就是墨卡托坐标。这里官方由这样的API来实现:https://lbsyun.baidu.com/index.php?title=webapi/guide原创 2022-06-15 09:53:45 · 1944 阅读 · 1 评论 -
百度地图开发入门(5):飞线动画示例
讲解另一种常见应用-飞线动画,主要用于展示数据流向https://lbsyun.baidu.com/solutions/mapvdata这里曲线的绘制可以借助百度的曲线生成器:https://lbsyun.baidu.com/solutions/mapvdata这里其实mapv(mapvgl的前身)有很多很好的飞线图案例可以参考,不过官方已经不维护了,但是我们还是可以去学习一下,例如这里:http://mapv.baidu.com/examples/#baidu-map-forceEdgeBundli原创 2022-06-14 09:48:05 · 1500 阅读 · 0 评论 -
百度地图开发入门(4):散点图示例
常规的包括散点图、飞线动画、3D建筑等等,这里只会介绍常用的部分,其他的可以去官方文档继续了解学习。也要学会如何快速复用官方的案例。官方文档:https://lbsyun.baidu.com/solutions/mapvdataMapVGL,是一款基于WebGL的地理信息可视化库,可以用来展示大量基于3D的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫酷的三维效果。下面会学习一系列案例,可抽象出一个统一的开发模式官方有一个common库可以引入,简化我们部分map的操作:原创 2022-06-12 11:36:44 · 908 阅读 · 0 评论 -
百度地图开发入门(3):动画
百度地图提供了一些API来提供动画的开发简单来说是通过定义多个关键帧来完成动画,过渡有百度地图完成可以用于地图某个区域的旋转展示等等功能。接着我们看看这个事件有哪些:这里如果你想要通过自定义的按钮来控制动画开始,需要注意map是有z-index的,需要保证你的button区域的z-index > 9才行。然后在button的click事件调用map.startViewAnimation方法来开启动画主要用于标注A点到B点的过程,展示路径和过程。这个官方文档还没更新,直接演示吧:如果要做细需要花时间精确原创 2022-06-11 10:42:06 · 1298 阅读 · 0 评论 -
百度地图开发入门(2):控件与个性化地图
这个控件的概念类似echarts中的组件,例如地图里面控制放大缩小的图表、标尺等等工具。首先我们添加一个控制zoom的组件:注意百度文档不一定百分百可信,出现问题还是要打印对象看这个控件用于描述地图上一段距离代表的实际长度,他会根据你的实际缩放比例调整文案:即可以自定义百度地图的部分样式,例如地图上面区域换一个颜色,路径换一个颜色等等。这里我们可以前往百度的个性化地图中编辑,通过一些样式模板以及二次操作来生成最后的地图样式:https://lbsyun.baidu.com/index.php?title原创 2022-06-09 12:25:20 · 747 阅读 · 0 评论 -
百度地图开发入门(1):案例
将我之前的百度地图入门的一些博文分享一下,这里主要系统讲解地图可视化的开发方式具体可以参考这里:https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey最后当你的应用创建好了,就会得到一个服务密钥然后这里是百度地图的API:https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html第一步是需要显示出地图,这里我们使用html原生方式来讲解以原创 2022-06-08 14:42:03 · 2778 阅读 · 0 评论