内聯架構-嵌入百度地圖

案例描述

      在頁面中嵌入百度地圖頁面，地圖可以使用<滑鼠左鍵>按住拖動，也可以通過<滑鼠滾輪>進行縮放。

元件準備

操作步驟

1、滑鼠輕按兩下内聯架構打開連結屬性設定界面；界面中選擇【連結到url或檔案】，【超連結】中填寫mymap.html

2、打開百度地圖開放平台，找到【地圖生成器】

3、接下來mymap.html檔案的制作

1）設定地圖中心點，此處以“國貿”為例

2）設定地圖尺寸、顯示的内容以及其他功能

3）設定地圖的标注

4）點選【擷取代碼】按鈕，擷取地圖代碼；

代碼中需要寫入地圖的API密鑰，單擊【申請密鑰】進行擷取；

5）申請密鑰

首先進行百度開發者注冊

進入個人中心，點選【建立應用】，建立應用時候，注意浏覽器端和伺服器端的選擇，Axure檢視地圖是浏覽器端，完成後【通路應用（AK】這個字段對應的一長串數字就是密鑰

6）複制儲存代碼

在本地建立一個html文檔；将地圖代碼複制，粘貼到建立的文檔中；将申請的密鑰添加到文檔中制定位置。

4、将制作好的原型生成HTML檔案，将“mymap.html”添加到生成的html檔案夾中

5、再次通過生成原型檢視HTML檔案，地圖就能夠正常顯示了。