如何在Axure原型中嵌套百度地圖？

8 評論 21129 瀏覽 56 收藏 5 分鐘

如何在Axure原型中嵌套百度地圖？一起來文中看看~

首先我們要準備好頁面的元件，從元件庫中拉出內聯框架。

我們先給內聯框架一些基本配置：

然后，打開百度地圖開放平臺。

網址：http://lbsyun.baidu.com/，在頂部開發文檔的菜單中選擇地圖生成器。

接下來來配置，創建地圖的HTML文件，先給地圖設置中心點。

再設置地圖的尺寸、顯示和功能組件。

點擊下方獲取代碼，將代碼全選復制下來。

在本地新建一個文本，將復制到代碼粘貼進去。

再反回頁面點擊申請密匙。

點擊后跳轉到創建應用頁面，點擊創建應用。

接下來配置應用，結束后提交。

將密匙復制下來。

粘貼到剛才創建的文本的指定位置。

然后將文件保存，且命名為：mymap.html。

然后將文件打開就是地圖了。

如果想將地圖底下的文字刪除，將代碼中的這段代碼刪除。

接下來將文件的具體地址放進內聯框架的目標超鏈接中。

（具體地址：打開地圖的html文件，瀏覽器上顯示的鏈接就是具體地址。）

放進去后，文件預覽是看不見效果的，只有將文件生成HTML文件才能預覽的效果。

最終效果就是：

 

作者：UX-白，個人公眾號：UXbai666

本文由 @UX-白 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
UX-白
1篇作品 21131總閱讀量
03-074848 瀏覽
從網約車到“跑腿”，貨拉拉再尋“增長點”
11-08938 瀏覽
OpenAI的首屆開發者大會，把一堆初創企業炸成了炮灰
01-124309 瀏覽
小程序“三國殺”，商家怎么選？
05-099720 瀏覽
大語言模型實現智能客服知識庫文檔數據提取功能
08-028101 瀏覽
運營思考：超實用的用戶調研問卷設計法，避免99%的調研陷阱！
評論
評論請登錄

  1. 代碼復制了打開也不是地圖呀

    來自山東 回復

    1. 設置環節出了錯誤，具體問題QQ：1351635125

      回復

  2. 比如生成軌跡圖，增加標點等等

    來自福建 回復

  3. 嵌入后如何繼續控制地圖的樣式和內容呢

    來自福建 回復

    1. 我覺得原型的控制再高保真也控制不到這個地步，軌跡圖這些不應該看一些可視化的嗎？

      回復

  4. 嵌入的地圖太小 不能全屏/

    來自遼寧 回復

  5. 打開不是地圖，仍是代碼，怎么回事

    回復

    1. 配置環節出錯

      回復