基于百度地圖API的場強地圖展示

張青青

（作者單位：中國傳媒大學）

?

基于百度地圖API的場強地圖展示

張青青

（作者單位：中國傳媒大學）

摘 要：針對不同電臺信號測試數據多，信息量大、可視化能力差的問題，討論設計一個可視化、精確化、直觀化顯示電臺信號在不同測試點場強大小的地圖。基于百度地圖API，通過JavaScript腳本語言，討論設計一個可視化的地圖展示系統，以直觀的形式展示測試點的坐標、場強、頻率和駕車路線等信息。

關鍵詞：百度地圖API；JavaScript；場強覆蓋

利用JavaScript語言，借助于互聯網和百度地圖API的平臺優勢，完成了對測試點數據的地圖展示。從使用的技術、系統的各個模塊，以及各模塊的實現3個方面討論了系統的實現過程。

1 使用的技術

1.1 百度地圖API

百度地圖API包括JavaScript API、Web服務API、Android SDK等多種開發工具與服務，提供基本的地圖展示、搜索、定位、逆/地址解析等功能，適用于PC端、移動端和服務器等多種設備，多種操作系統下的地圖應用開發。

1.2 JavaScript

JavaScript一種直譯式的動態類型、弱類型、基于原型的語言，內置支持類型。JavaScript具有如下幾個特點：這是一種解釋性的腳本語言（代碼不進行預編譯）；主要用來向HTML頁面添加交互行為；可以直接嵌入HTML頁面，但寫成單獨的js文件有利于結構和行為的分離；跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行（如Windows、Linux、Mac、ios等）。

2 設計方案

2.1 功能要求

在對測試點地圖展示功能的設計中，應該具有如下功能：通過為地圖添加控件，實現點擊控件查看整體場強、各頻率場強、極值和均值等的分布情況的功能；鼠標點擊場強標注查看測試點的詳細信息，包括坐標、頻率和場強值等；可查看駕車路線，鼠標拖拽修改起始點，實現導航功能。

2.2 系統體系結構

該地圖展示系統功能的實現，可劃分為3個模塊來完成：數據處理模塊、百度地圖展示模塊、跳轉頁面。3大模塊之間的邏輯關系可以用圖1表示。

2.3 數據處理

由無線電監測設備得到的原始的TXT文件包括測試點的經緯度、海拔、頻率、場強、行車速度等信息。首先，對所需數據的提取。同時，用戶數據應以數組的形式存儲，結構為[經度，緯度，頻率，場強]。

在數據的處理過程中，使用PHP語言，將提取之后的數據信息存儲在數組當中，并以本地JS文件的形式存儲下來。最終得到的本地數據的文件名為C2.js。

在數據處理過程中用到了2個關鍵函數：explode()和implode()。

explode()函數：將字符串分割為數組，利用該函數，將原始txt文件的內容按列分割成多維數組的形式，便于提取所需列的內容。

implode()函數：將數組元素連接成字符串。

原始數據格式：

處理之后的數據格式：

2.4 地圖展示JavaScript設計

地圖展示功能是通過JavaScript語言實現。在各地圖展示模塊的設計中，包括3個子模塊來分別實現相應功能的：整體場強、均值、極值圖；頻率場強圖；駕車路線圖。

在每個模塊的實現過程中，用到了以下幾個重要函數：

(1)PointCollection(points:Array [,opts:PointCollectionOptions]):創建海量點類，points為點的坐標集合，opts為點的繪制樣式。

(2)InfoWindow(content:String|HTMLE lement[,opts:InfoWindowOptions]):創建一個信息窗實例，其中content支持HTML內容。

(3)DrivingRoute(location:Map|Point|Stri ng[,opts:DrivingRouteOptions]):創建一個駕車導航實例，其中location表示檢索區域，在駕車路線圖的設計過程中，利用該函數，實現拖拽鼠標修改起始點，展現駕車路線。

各子地圖展示功能的設計流程見圖2。

圖1 3大模塊之間的邏輯關系

圖2 各子地圖展示功能的設計流程

申請百度地圖API密鑰后，通過在html文件的標簽中加入實現引用的。

在整個javascript語言對本地數據的讀取和交互，通過在標簽中加入