別眨眼網

用cordova做地圖定位，由於phonegap100上沒有合適自己的外掛，iOS的定位已經做好了，要是把它做成外掛就好將結果調到H5介面上去了。於是搗鼓了一個多星期，終於將一個地圖定位外掛做好了。下面分享一下這個外掛開發過程。

第一步，是在建立xcode工程 完成地圖定位功能，實現功能後，並進行真機測試，達到自己想要的要求。

第二步，建立一些資料夾以及檔案，資料夾結構如下圖所示：

這個外掛我把它命名為Map， 裡邊包含src 和www兩個資料夾。src這個資料夾主要是用來存放對應平臺的原生工程檔案。如果你需要使用安卓或者WP的支援也可以。我這裡只做了iOS的。www，這個資料夾是一個js檔案。

建立一個plugin。xml檔案 和 Map。js檔案

plugin。xml檔案裡邊的內容：

注意：如果你的工程需要新增依賴庫 必須解除安裝這裡才可以，然後新增的時候就可以自動匯入了。

CDVMap。h的程式碼，這個類繼承自Cordova/CDVPlugin。h

//// CDVMap。h// HelloWorld//// Created by JUST-IMAC on 16/3/17。////#import

LocationViewController。m的程式碼

這裡邊的程式碼我就不貼了，

這裡我需要在原生地圖中獲取得到的定位資訊，傳到h5介面中處理。

於是呼叫

Map。js裡邊的程式碼

這裡不需要上傳到git，所以不需要做package。json檔案裡邊的處理

到此一個外掛已經基本上做好了

接下來是呼叫這個外掛了

在終端cd 到你工程資料夾目錄

輸入命令

sudo ionic plugin add ［外掛所在的目錄］

目錄直接將你的［Map這個外掛拖進去就而已了］

完成之後開啟platforms中的iOS目錄找到你的專案工程就可以看到你的外掛安裝成功了

在plugin資料夾中你會看到你所新增的外掛cordoba-plugin-Map這個資料夾

此時 就是在js中呼叫了

此時就可以成功呼叫了。如果你還需要修改你的外掛，還可以在工程裡邊修改，這裡就不做態度描述了。

作者：半月迎風

連結：https：//www。jianshu。com/p/b3cd0c266bb5