APICloud 使用bMap(三方模塊) 挖坑指南

在apiCloud中找各種文檔,論壇也沒有找到如何使用第三方模塊的相關知識??赡苁俏覜]找到地方吧~不管啦,反正我已經挖完坑了。這篇指南也不光是使用bMap吧。第三方模塊基本上就是這個套路。正文開始。
小板凳、啤酒、火腿腸、花生米準備開始~

1. 在控制臺創(chuàng)建一個新的應用
創(chuàng)建一個新的應用
2. 本文使用的編輯器為官方的編輯器 APICloud Studio 2,如下圖:菜單欄上 依次選擇 代碼檢出> APICloud云端應用> useMap(實例創(chuàng)建的項目,這個隨意)
代碼檢出

選擇需要檢出的項目
3. bMap是第三方模塊,所以我們需要把這個模塊添加到我們的現在的項目中來。有兩種方法:
  • APICloud Studio 2 中添加模塊
  • 開發(fā)控制臺 左邊的選項中選擇模塊
    添加模塊

    選擇bMap

    查看模塊文檔
4. 加載組件成功有3步
  • 關鍵就是這三步


    中間的紅框
4.1 申請百度地圖的AK,這里我們只以安卓為例

申請傳送門

點擊進入

4.2 進入后填入百度賬號密碼登錄,然后跳轉到下圖,點擊申請秘鑰
image.png
4.3 創(chuàng)建應用有三步驟
4.3.1 SHA1獲取參考教程

這里說下我如何獲取的,用google搜索全都是 Android Studio 的獲取方式,為此下了一個安裝了。目的是為了讓下圖中存在 debug.keystore 我想應該有其它方法不過我沒有花太多時間去弄.

image.png

4.3.2 包名的獲取??刂婆_內選擇證書 > com._______.xfx 就是包名了
包名
4.3.3 創(chuàng)建應用
創(chuàng)建應用
4.3.4 申請成功后的頁面 ,訪問應用(AK) 被我虛化的部分就是我們要用的AK啦
申請成功
5. 在項目中的config.xml中配置bMap 的AK (中間的紅框處復制到config.xml內)
填寫config
6. 項目上鼠標右鍵,先將代碼提交到本地,根據提示輸入信息并保存即可。直到右側上面會有提示層彈出。要仔細看彈出的提示信息。
提交到本地
7. 將代碼提交到云端
image.png
8. 查看代碼是否提交成功
查看代碼是否提交成功
9. [最關鍵的一步]云端編譯自定義AppLoader
9.1 首先我們需要理解AppLoader 是做什么用的?這個起先我也不是很理解,研究透徹bMap后我明白了。這東西就是加載器,這不廢話么??? 其實最主要的就是如果我們用第三方的模塊就必須用自定義加載器。因為官方的AppLoader除了官方提供的各種組件是不會把第三方組件加載進來的。所以我們在使用第三方的模塊的時候必須先在云端編譯自定的APPloader然后下載下來。如果我們是用海馬玩模擬器那么就安裝在海馬玩上。
9.2 在使用自定義APPloader前我們需要做一件事.在端設置里我上傳一張自定義圖標方便我們接下來的講解.
上傳圖標
9.3 項目右鍵> 云編譯自定義APPLoader 點擊綠色按鈕,編譯需要一點時間編譯完后下載按鈕就會變成藍色高亮.提示您可以下載了.旁邊會有個二維碼您可以安裝到手機里用于真機調試. 下來下的apk可以安裝在海馬玩模擬器里.用于模擬器內的調試.我們接下來用海馬玩來調試
云端編譯自定義AppLoader
編譯成功可以下載了
10. 最后一步
10.1 海馬玩安裝自定義的APPLoader 設置 > 其他設置 > Apk安裝 選擇下載好的自定義loader
image.png
10.2 下圖圖標可以看出我自定義的 和官方的區(qū)別,之前開發(fā)是不是一直都用的官方的?
image.png
10.3 將bMap Api中的這段實例代碼復制到index.html內
image.png

image.png
10.4 打開useMap自定義loader 在小灰鈕上點擊添加WIFI真機同步配置.

填寫好以后點擊連接.


image.png

配置請參考下圖,


image.png
10.5 右鍵全量同步 查看海馬玩模擬器
image.png
image.png

哈哈哈哈哈 是不是很開心~~~ 教程結束 ~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容