使用高德地图API实现历史轨迹查询
????歡迎大家關注我的公眾號,有問題可以及時和我交流。
使用高德地圖API完成歷史軌跡查詢
- 創(chuàng)作背景
- 相關技術
- 設計思路
- 實現(xiàn)難點
- 編碼實現(xiàn)
- 實現(xiàn)效果
創(chuàng)作背景
因為對歷史軌跡查詢比較好奇,所以使用高德地圖API簡單完成了一個歷史軌跡查詢的功能。由于初學者,程序或者教程如有存在不恰當之初請大家多多指點,我一定及時更改。
相關技術
項目是基于WEB端實現(xiàn)的,后臺使用了SpringBoot,前臺使用了layui框架搭建一個簡單的頁面。
設計思路
用過后臺獲取數(shù)據(jù)格式化成規(guī)定JSON數(shù)據(jù)之后返回給前臺就可以實現(xiàn)簡單的歷史軌跡查詢。
實現(xiàn)難點
通過觀察上述圖片可以看實現(xiàn)歷史軌跡到使用的是 **pathSimplifierIns.setData()**的方法。也就是說,通過ajax請求調(diào)用之后返回給一個正確的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格式自己設計一個相應數(shù)據(jù)的JSON體。
編碼實現(xiàn)
1.設置響應體,編碼如下:
/*** 設置軌跡路徑的相應實體 bean* @param <T>*/ public class Result<T> {// 軌跡線名稱private String name;// 軌跡線數(shù)組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.請求數(shù)據(jù)(這里給出了集合里面的設置方法 BaseGps 為從數(shù)據(jù)庫查詢出來的集合,可以自己進行模擬設置)。
// 定義一個集合存儲基本數(shù)據(jù)集合List<List<Double>> lists = new ArrayList<>();// 遍歷查詢出來的集合for (BaseGps baseGps : baseGpsList) {// 定義一個集合存儲經(jīng)緯度數(shù)據(jù)List<Double> LngAndLatList = new ArrayList<>();// 設置經(jīng)度LngAndLatList.add(baseGps.getLng());// 設置維度LngAndLatList.add(baseGps.getLat());// 存放入集合中l(wèi)ists.add(LngAndLatList);}Result result = new Result();// 設置路線名稱result.setName("我的歷史軌跡路線");// 設置路線數(shù)據(jù)集合result.setPath(lists);最后把result返回給前端即可。
實現(xiàn)效果
這里僅僅簡單的介紹了 基本的實現(xiàn)思路,如果有更好的請多多指點,因為,此程序設計到其他內(nèi)容,如果需要源碼請與我聯(lián)系,大家一塊交流進步。
歡迎大家關注我的公眾號,有問題可以及時和我交流。
總結(jié)
以上是生活随笔為你收集整理的使用高德地图API实现历史轨迹查询的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一天 第二章 纤腰舞困因谁,知谁系斑骓?
- 下一篇: 舞动红楼梦——蒋勋