在很多外賣APP中，當我們點完外賣後，會有地圖顯示騎手的位置。實現效果如下圖：

而如何將地圖嵌入原型之中呢，請往下繼續看。

在本例中，點選滑鼠左鍵可以對地圖進行拖動，可以使用滑鼠滾輪實現地圖的放大和縮小。

第一步：

選擇元件：內聯框架。

設定其屬性：1、框架滾動條--從不顯示。

2、隱藏邊框

3、預覽圖片--地圖

第二步：

滑鼠雙擊框架開啟連結屬性設定介面，介面中選擇【連結到url或檔案】，連結中填寫“mymap.html”。

1、設定定為中心點。

2、設定地圖

3、點選【獲取程式碼】，並獲取金鑰，按照提示即可獲取。

第四步：新建一個文字文件，將複製的程式碼貼上到其中，將金鑰填入到適當位置。儲存文件，將檔案命名為：mymap.html，要將文件字尾名改成html。

第五步：將原型轉化為html檔案，將剛才生成的mymap.html放到這個資料夾中。

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

最後貼一下最近學Axure的學習教程