使用高德地图API实现历史轨迹查询
欢迎大家关注我的公众号,有问题可以及时和我交流。
使用高德地图API完成历史轨迹查询
- 创作背景
- 相关技术
- 设计思路
- 实现难点
- 编码实现
- 实现效果
创作背景
因为对历史轨迹查询比较好奇,所以使用高德地图API简单完成了一个历史轨迹查询的功能。由于初学者,程序或者教程如有存在不恰当之初请大家多多指点,我一定及时更改。
相关技术
项目是基于WEB端实现的,后台使用了SpringBoot,前台使用了layui框架搭建一个简单的页面。
- key的申请 :开发者需要先去高德地图的官网申请一个应用key,然后才能够正常使用。申请地址
- 官网demo:查看官网给的相关demo。官网demo
- 在官网给的demo中可以动态的修改数据就可以刷新历史轨迹。
设计思路
用过后台获取数据格式化成规定JSON数据之后返回给前台就可以实现简单的历史轨迹查询。
实现难点
通过观察上述图片可以看实现历史轨迹到使用的是 **pathSimplifierIns.setData()**的方法。也就是说,通过ajax请求调用之后返回给一个正确的JSON给它即可。格式为:
{"name": "路线0","path": [[116.405289, 39.904987],[113.964458, 40.54664],[111.47836, 41.135964],[108.949297, 41.670904],[106.380111, 42.149509],[103.774185, 42.56996],[101.135432, 42.930601],[98.46826, 43.229964],[95.777529, 43.466798],[93.068486, 43.64009],[90.34669, 43.749086],[87.61792, 43.793308]]
}
于是我们可以仿照上述的JSON格式自己设计一个相应数据的JSON体。
编码实现
1.设置响应体,编码如下:
/*** 设置轨迹路径的相应实体 bean* @param <T>*/
public class Result<T> {// 轨迹线名称private String name;// 轨迹线数组private List<T> path;public Result() {}public Result(String name, List<T> path) {this.name = name;this.path = path;}public String getName() {return name;}public void setName(String name) {this.name = name;}public List<T> getPath() {return path;}public void setPath(List<T> path) {this.path = path;}
}
2.请求数据(这里给出了集合里面的设置方法 BaseGps 为从数据库查询出来的集合,可以自己进行模拟设置)。
// 定义一个集合存储基本数据集合List<List<Double>> lists = new ArrayList<>();// 遍历查询出来的集合for (BaseGps baseGps : baseGpsList) {// 定义一个集合存储经纬度数据List<Double> LngAndLatList = new ArrayList<>();// 设置经度LngAndLatList.add(baseGps.getLng());// 设置维度LngAndLatList.add(baseGps.getLat());// 存放入集合中lists.add(LngAndLatList);}Result result = new Result();// 设置路线名称result.setName("我的历史轨迹路线");// 设置路线数据集合result.setPath(lists);
最后把result返回给前端即可。
实现效果
这里仅仅简单的介绍了 基本的实现思路,如果有更好的请多多指点,因为,此程序设计到其他内容,如果需要源码请与我联系,大家一块交流进步。
欢迎大家关注我的公众号,有问题可以及时和我交流。
使用高德地图API实现历史轨迹查询相关推荐
- 高德地图API实现周边疫情查询
本文基于高德API和TianXing数据提供的疫情数据API制作,是一份真实并实时的疫情场所分布地图,演示地址:https://rovertang.com/map/ncov
- html调用高德地图得到城市,高德地图API获取行政区域
高德地图API提供的行政区划查询,可以获取到行政区域的区号.城市编码.中心点.边界.下辖区域的详细信息.基于该工具进行扩展,对边界数据做转换处理,保存为GeoJson格式文件,方便使用.现已可以单个城 ...
- android高德天气api接口,天气查询-API文档-开发指南-Web服务 API | 高德地图API
产品介绍 天气查询是一个简单的HTTP接口,根据用户输入的adcode,查询目标区域当前/未来的天气情况. 使用API前您需先申请Key,若无高德地图API账号需要先申请账号. 适用场景 需要使用相关 ...
- 高德天气 php,天气查询-API文档-开发指南-Web服务 API | 高德地图API
产品介绍 天气查询是一个简单的HTTP接口,根据用户输入的adcode,查询目标区域当前/未来的天气情况. 使用API前您需先申请Key,若无高德地图API账号需要先申请账号. 适用场景 需要使用相关 ...
- 接口获取行政区划代码_行政区域查询-API文档-开发指南-Web服务 API | 高德地图API...
产品介绍 行政区域查询是一类简单的HTTP接口,根据用户输入的搜索条件可以帮助用户快速的查找特定的行政区域信息. 使用API前您需先申请Key,若无高德地图API账号需要先申请账号. 例如:中国> ...
- android开发之高德地图API篇:1、高德地图API之实时定位+轨迹可视化
TIME:2020年7月6日 高德地图API之实时定位+轨迹可视化 前言: step1.工程的配置 step2.显示地图 step2.实现静态定位: step3.实时定位 step4.实现轨迹可视化: ...
- 调用高德地图Api,查询地名经纬度
高德开放平台 | 高德地图API/*** 地址转经纬度 (高德地图Api转换)* @param address* @return*/ public static String getLnglat(St ...
- api实现鹰眼轨迹 php,技术教程| 百度鹰眼历史轨迹查询:轨迹抽稀功能
本文作者:用****9 本篇教程中,我们将详细地说明鹰眼历史轨迹查询(gettrack接口)中,如何通过vacuate_grade选项对轨迹进行抽稀,以及不同的抽稀力度对轨迹产生的影响. 上一篇教程中 ...
- 高德地图API全家桶python3
高德地图全家桶 首先写下这几个标准操作 import pandas as pd # 实用的制表标准库 from pandas.io.json import json_normalize # 这个可以将 ...
最新文章
- 8086PC机的内存地址空间分配
- blender 子弹时间 动画
- tkinter中的canvas的边框问题
- 尺度空间(Scale space)理论
- 还不会制作游戏脚本解放双手?那是你不会超强自动化框架AirTest!
- linux非权限安装bioperl,Bioperl的简单安装
- java中有ClockPane类吗_Java程序设计教程 冶金工业出版社第9章
- MySQL笔记-Linux平台中MySQL的启动和关闭
- 2021年高考成绩查询衡阳市八中,优秀!衡阳2020年各大高中成绩出炉!
- y币充值通道_比特币如何扩容?读懂比特币链下扩容技术进展与投资现状
- 个性化推荐的另一种思路: 学习用户行为的解纠缠表示
- appium+python自动化-adb shell模拟点击事件(input tap)
- 【Android Developers Training】 20. 创建一个Fragment
- python能做机器人吗_最火的Python语言也能做机器人仿真,你会不?
- Mysql同个用户退款订单_微信退款全款退,退一部分,分开退一次以上区别跳坑[订单金额或退款金额与之前请求不一致]...
- linux内存条查询,linux查询内存命令
- 数字信号处理基础----正交基与正交函数集
- Kafka:分布式消息系统
- SecureCRT远程连接虚拟机
- 基于STM32的RC522模块读写数据块以及电子钱包充值扣款系统的设计