Axure加載百度地圖

使用Axure加載百度地圖,步驟如下:
1、登錄百度地圖開放平臺(tái)(http://lbsyun.baidu.com/) >> 開發(fā) >> 地圖生成器

2、打開地圖生成器,創(chuàng)建所需的地圖樣式,
1)【定位中心點(diǎn)】:選擇你需要的城市及所要顯示的中心位置;
2)【設(shè)置地圖】:設(shè)置地圖的尺寸、按鈕、狀態(tài)等信息;
3)【添加標(biāo)注】:添加你所關(guān)注的點(diǎn)位。


3、地圖創(chuàng)建完成后,點(diǎn)擊下方的【獲取代碼】按鈕,復(fù)制代碼粘貼到本地文件,保存為【baidumap.html】。


4、點(diǎn)擊【申請(qǐng)密鑰】按鈕,將生成的密鑰添加到本地文件【baidumap.html】的代碼中。(位置:ak=您的密鑰)


5、打開Axure >> 拖入一個(gè)【內(nèi)聯(lián)框架】元件 ,
1)設(shè)置右側(cè)的屬性 >> 框架滾動(dòng)條【從不顯示】、選中隱藏邊框、預(yù)覽圖片【地圖】。
2)雙擊元件選擇鏈接到url或文件,填入【baidumap.html】。


6、生成HTML文件,將【baidumap.html】放到項(xiàng)目文件夾內(nèi),運(yùn)行項(xiàng)目。


7、如果地圖標(biāo)注的信息顯示的是亂碼,那么請(qǐng)打開【baidumap.html】文件,將編碼方式由【utf-8】改為【gb2312】即可。
修改前:



修改后:



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

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,628評(píng)論 19 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,422評(píng)論 4 61
  • 一.百度地圖的使用 (一)顯示百度地圖的步驟有下面幾步: 下載SDK 加入lib中,依賴jar,并且依賴so文件 ...
    于加澤閱讀 4,707評(píng)論 1 8
  • 一、Axure界面介紹 1、頁面導(dǎo)航面板(Pages) Axure的頁面管理采用類似操作系統(tǒng)的文件夾和頁面文件的管...
    落霞__孤鶩閱讀 56,140評(píng)論 7 46
  • 1. 黃菡老師說過:“如若離開, 便在春天 ” 。 春分已過, 但我還是穿著厚厚的棉衣 ,窩在厚厚的四床被子里面。...
    謝小謝的日常閱讀 821評(píng)論 0 1

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