????歡迎大家關注我的公眾號，有問題可以及時和我交流。

使用高德地圖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实现历史轨迹查询的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。