- 博客(6)
- 收藏
- 关注
RSS订阅原创 【Openlayers】纯前端 实现OL叠加 实时交通路况图
1.说明：声明：有关叠加路况图这个功能，我找了好久都没有找到前端怎么做。故这个文章应该是全网第一篇纯前端实现的。有很多不足的地方，欢迎大家指出。 在写完交通【Openlayers】完全前端实现 驾车路径规划这个文章的时候，我就想通过这个路径规划这个API，我可以写一个交通实时路况的叠加。因为拿到每条规划路线的数据里面有路况的信息。我只需要在屏幕上合理的取点，然后组成要搜索的起点终点、途经点的...
2018-08-30 14:11:49
4379
8
原创 【Openlayers】完全前端实现 驾车路径规划
1.说明：OL官网上没有路线规划的API，我就套用高德地图的API，把渲染后的数据在OL上进行渲染。往深了说，我们就是需要高德的API的数据而已。其他没有什么难。 我的代码实现流程是：先加载高德地图的API和工具，保证需要的工具加载完成后，再进行OL地图的加载和使用。其他就是使用高德API和OL的地图渲染了。没有什么。2.效果：3.代码：先加载高德工具： _i...
2018-08-28 10:16:35
6859
16
原创 【Openlayers】追踪和轨迹的图标转向问题优化、地图最优视角展示一层数据。
1.说明：关于【Openlayers】V5.0.2 单点追踪、实时监控、历史轨迹、地图绘制全代码实例的单点追踪和历史轨迹中车辆朝向的优化。主要原因还是没有仔细读API，文档中标识有。说到底就是些数学问题。地图最优展示一层的数据，也是数学问题。2.效果：车辆朝向：最优展示： 3.代码：3.1 朝向角度：首先知道API表达是弧度，顺时针正向标识，什么是弧度？就是我们...
2018-08-16 10:44:17
4010
原创 【Openlayers】V5.0.2 单点追踪、实时监控、历史轨迹、地图绘制全代码实例
1.说明：该实例是可以用到地图的常用功能，对付一般和类似的业务场景都绰绰有余，在图层的选择上还是建议选择天地图的在线地地图，选择4326--84坐标系，地图上没有偏差。 所有的功能都在一个demo下展示了，就涉及到功能的切换时定时器的关闭和开启，一般情况下，这些功能都是在单独的页面的，所有demo中的定时器的关闭和开启，有需要的朋友可以看看。 下面的效果只是部分gif展示，因为上传不了很大...
2018-08-15 17:31:37
13848
22
原创 【echarts】用地图模块做动态流程图2.0（根据后台数据自动均匀排布，且实时更新节点状态）
1.效果2.说明这个升级版几乎就是我们公司用的这个功能了，设计到的功能就是可以根据后台数据重新进行位置排布，且实时刷新节点的数据。用ec写出这个效果不难，参考demo1 这个主要是设计到如何根据数据进行重新排布，实时刷数据，这些都是ec插件没有的，需要我们去苦逼手写的。3.代码：3.1要知道的：其实在敲代码前，就应该意识到和后台要的数据是什么样的，要知道我们是用地图模块实现...
2018-08-09 09:22:11
6388
5
原创 【echarts】地图模块，展示一个动态流程图1.0（简单demo）
使用地图模块，展示一个动态流程图（简单demo）1.先上效果图：2.代码：html:<!-- ec --><script src="../script/lib/echarts4.0/echarts.js" type="text/javascript"></script>&
2018-08-08 15:18:13
5663
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人