使用Axure加載百度地圖淳衙,步驟如下:
1、登錄百度地圖開放平臺(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)擊【申請密鑰】按鈕猜嘱,將生成的密鑰添加到本地文件【baidumap.html】的代碼中衅枫。(位置:ak=您的密鑰)
5、打開Axure >> 拖入一個(gè)【內(nèi)聯(lián)框架】元件 泉坐,
1)設(shè)置右側(cè)的屬性 >> 框架滾動條【從不顯示】为鳄、選中隱藏邊框、預(yù)覽圖片【地圖】腕让。
2)雙擊元件選擇鏈接到url或文件孤钦,填入【baidumap.html】。
6纯丸、生成HTML文件偏形,將【baidumap.html】放到項(xiàng)目文件夾內(nèi),運(yùn)行項(xiàng)目觉鼻。
7俊扭、如果地圖標(biāo)注的信息顯示的是亂碼,那么請打開【baidumap.html】文件坠陈,將編碼方式由【utf-8】改為【gb2312】即可萨惑。
修改前:
修改后:
最終效果圖捐康,如下: