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

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

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

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

    選擇bMap

    查看模塊文檔
4. 加載組件成功有3步

  • 關(guān)鍵就是這三步


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

申請傳送門

點(diǎn)擊進(jìn)入

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

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

image.png

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

image.png
10.4 打開useMap自定義loader 在小灰鈕上點(diǎn)擊添加WIFI真機(jī)同步配置.

填寫好以后點(diǎn)擊連接.


image.png

配置請參考下圖,


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

哈哈哈哈哈 是不是很開心~~~ 教程結(jié)束 ~

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

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容