第一步：申請(qǐng)百度地圖API秘鑰。

打開(kāi)網(wǎng)址：http://developer.baidu.com/map/，注冊(cè)賬戶并登錄。

申請(qǐng)Web服務(wù)API：http://developer.baidu.com/map/index.php?title=webapi，然后按照提示創(chuàng)建應(yīng)用，復(fù)制API Key，見(jiàn)圖105。

（圖105）

第二步：生成百度地圖HTML代碼。

打開(kāi)Javascript API大眾版網(wǎng)址：http://developer.baidu.com/map/index.php?title=jspopular，在功能介紹中單擊地圖展示，見(jiàn)圖106，然后在新打開(kāi)的網(wǎng)頁(yè)中輸入剛剛復(fù)制的API Key，見(jiàn)圖107-A。

（圖106）

（圖107）

復(fù)制圖107-B中的所有源代碼，并將其另存為map.html文件到電腦桌面上，見(jiàn)圖108。

（圖108）

第三步：回到Axure工作界面，在【部件】面板中拖放一個(gè)【內(nèi)聯(lián)框架】部件到設(shè)計(jì)區(qū)域，右鍵單擊該部件隱藏邊框，將【滾動(dòng)條】設(shè)置為【從不顯示滾動(dòng)條】，雙擊內(nèi)聯(lián)框架部件，在彈出的【鏈接屬性】對(duì)話框中選擇【鏈接到url或文件】，并輸入map.html的絕對(duì)路徑，見(jiàn)圖109，單擊【確定】按鈕關(guān)閉【鏈接屬性】對(duì)話框。

（圖109）

第四步：?jiǎn)螕艄ぞ邫谥械摹绢A(yù)覽】按鈕，此時(shí)瀏覽器中的內(nèi)聯(lián)框架部件會(huì)提示如下錯(cuò)誤，見(jiàn)圖110。

（圖110）

在這里網(wǎng)站建設(shè)小編需要提醒注意的是，在使用內(nèi)聯(lián)框架部件嵌入外部HTML文件時(shí)要生成HTML才能正常預(yù)覽效果，單擊工具欄中的【發(fā)布】按鈕，然后選擇【生成HTML文件】，見(jiàn)圖111。

（圖111）

此時(shí)，我們就可以對(duì)瀏覽器中的百度地圖進(jìn)行拖動(dòng)、縮放等可交互操作了，見(jiàn)圖112。

但是，當(dāng)我們把生成的HTML文件夾上傳到Web服務(wù)器演示時(shí)，仍然會(huì)出現(xiàn)問(wèn)題，因?yàn)閙ap.html文件在桌面上，而且【內(nèi)聯(lián)框架】中的文件路徑指向桌面上的map.html。要解決這個(gè)問(wèn)題，只需將 map.html文件移動(dòng)到生成的HTML文件夾中，見(jiàn)圖113。

（圖112）

（圖113）

然后重新設(shè)置【內(nèi)聯(lián)框架】部件中map.html文件路徑（因?yàn)閙ap.html被移動(dòng)到了生成HTML文件夾的根目錄），見(jiàn)圖114。再次點(diǎn)擊工具欄中的【發(fā)布＞生成HTML文件】，此時(shí)將生成的THML文件夾上傳至Web服務(wù)器也可以正常操作了。至此，使用內(nèi)聯(lián)框架加載可交互的百度地圖案例就結(jié)束了。

（圖114）