快好知 kuaihz订阅观点

 

如何在Axure原型中嵌套百度地图?

如何在Axure原型中嵌套百度地图?一起来文中看看~

首先我们要准备好页面的元件,从元件库中拉出内联框架。

我们先给内联框架一些基本配置:

然后,打开百度地图开放平台。

网址:http://lbsyun.baidu.com/,在顶部开发文档的菜单中选择地图生成器。

接下来来配置,创建地图的HTML文件,先给地图设置中心点。

再设置地图的尺寸、显示和功能组件。

点击下方获取代码,将代码全选复制下来。

在本地新建一个文本,将复制到代码粘贴进去。

再反回页面点击申请密匙。

点击后跳转到创建应用页面,点击创建应用。

接下来配置应用,结束后提交。

将密匙复制下来。

粘贴到刚才创建的文本的指定位置。

然后将文件保存,且命名为:mymap.html。

然后将文件打开就是地图了。

如果想将地图底下的文字删除,将代码中的这段代码删除。

接下来将文件的具体地址放进内联框架的目标超链接中。

(具体地址:打开地图的html文件,浏览器上显示的链接就是具体地址。)

放进去后,文件预览是看不见效果的,只有将文件生成HTML文件才能预览的效果。

最终效果就是:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:嵌套  嵌套词条  原型  原型词条  地图  地图词条  如何  如何词条  百度  百度词条  
原型

 Axure RP8 动态面板之轮...

爬行蟑螂也是刚开始使用Axure,自学的,不过Axure真心很强大,会一点一点的分享一些操作功能;最简单的操作步骤,这里分享动态面板之轮播图设置。第一步:拖入动...(展开)

原型

 Axure教程——页面载入进度条

在产品的原型设计中,进度条的意义是:第一,在页面载入中,给用户的等待过程中增加少量的乐趣;在一个追求快的环境中,这是十分关键的要素,可以减少流失率。第二,也是在...(展开)

原型

 Axure 8.0小技巧:快速制...

轮盘抽奖在各种App和网页的活动页面中经常使用,如何才能方便的设计出抽奖页面呢?原型分析流程分析:点击“抽奖”按钮后,轮盘转动足够多圈数后停下必备元素分析:指针...(展开)