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

首先我們要準(zhǔn)備好頁(yè)面的元件，從元件庫(kù)中拉出內(nèi)聯(lián)框架。

我們先給內(nèi)聯(lián)框架一些基本配置：

然后，打開(kāi)百度地圖開(kāi)放平臺(tái)。

網(wǎng)址：http://lbsyun.baidu.com/，在頂部開(kāi)發(fā)文檔的菜單中選擇地圖生成器。

接下來(lái)來(lái)配置，創(chuàng)建地圖的HTML文件，先給地圖設(shè)置中心點(diǎn)。

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

點(diǎn)擊下方獲取代碼，將代碼全選復(fù)制下來(lái)。

在本地新建一個(gè)文本，將復(fù)制到代碼粘貼進(jìn)去。

再反回頁(yè)面點(diǎn)擊申請(qǐng)密匙。

點(diǎn)擊后跳轉(zhuǎn)到創(chuàng)建應(yīng)用頁(yè)面，點(diǎn)擊創(chuàng)建應(yīng)用。

接下來(lái)配置應(yīng)用，結(jié)束后提交。

將密匙復(fù)制下來(lái)。

粘貼到剛才創(chuàng)建的文本的指定位置。

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

然后將文件打開(kāi)就是地圖了。

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

接下來(lái)將文件的具體地址放進(jìn)內(nèi)聯(lián)框架的目標(biāo)超鏈接中。

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

放進(jìn)去后，文件預(yù)覽是看不見(jiàn)效果的，只有將文件生成HTML文件才能預(yù)覽的效果。

最終效果就是：

作者：UX-白，個(gè)人公眾號(hào)：UXbai666

本文由 @UX-白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議