Axure RP从入门到精通（四十七）案例 - 百度地图

最新推荐文章于 2025-03-18 15:47:26 发布
最新推荐文章于 2025-03-18 15:47:26 发布
阅读量2k 收藏 4
点赞数 1
分类专栏： Axure RP 从入门到精通 文章标签： 百度 html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vbirdbest/article/details/107177361
版权
本文介绍如何在Axure RP中制作百度地图案例。首先，通过地图生成器设置中心点和标注，然后获取HTML代码并创建baidumap.html文件。接着，申请并使用百度地图的API秘钥，最后将生成的HTML文件部署到相应目录，实现地图展示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 拖入一个内联框架，设置框架滚动条从不显示，隐藏边框，预览图片为地图。在这里插入图片描述

  2. 第一步：创建地图 地图生成器
    2.1 定位中心点，输入城市和地点。
    在这里插入图片描述

2.2 设置地图在这里插入图片描述
2.3 添加标注
在这里插入图片描述
3. 第二步：获取代码

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Axure RP从入门到精通（五十四）案例 - 超链接
人不风流枉少年
09-08 632
超链接非常容易制作，随便拉个”链接按钮“即可，但是如何实现鼠标悬停时鼠标又原来的箭头变为小手呢？ 拖入一个链接按钮，并修改文本为忘记密码，为忘记密码添加单击事件，注意只添加事件不加任何动作； 右键”单击时“，添加情形时，添加完什么就不操作。 预览。 鼠标移入鼠标执行形状变为小手实现的原理就是为此添加一个单击事件，单击事件中不添加任何动作，为了让单击事件生效，只需要添加一个空的情形即可。类似于以下伪代码。 <a onclick="forgetPassword()"> </a&g.
Axure RP从入门到精通（五十三）APP案例 - 底栏
人不风流枉少年
09-05 257
拖一个矩形，填充色为浅灰色，W: 375 H: 49, 命名为底栏动态面板，并转为动态面板，并复制3份State1。 去阿里矢量图中搜索ic_tabbar，找到四组底部状态栏选中和未选中的图标，并统一修改尺寸 25x25，并配备名字，将文字和图标设置成一个组合。注意图标要和文字居中对齐，没组图标之间要水平对齐(即中间间隔相等，选中所有图标点击水平对齐) 分别将每一组状态栏放到不同的状态上。 为动态面板中的每个状态中除了当前选项外的所有图标添加鼠标单击事件，切换为对应的状态。 以S..
【Axure高保真原型】可视化地图-广州市
mushe93的博客
07-31 768
今天和大家分享可视化地图-广州市的原型模板，移入对应区域，该区域会高亮显示，并且显示该区域的数据。模板是用Axure原生元件制作，里面的行政可以自由修改样式，对应显示的数据在中继器表格里修改即可。具体效果可以观看下方视频或者打开预览地址体验
AxureRP8实战手册-案例10（内联框架：嵌入百度地图）
qq_24857309的博客
07-09 1303
案例10. 内联框架：嵌入百度地图 案例来源: 百度糯米-商品详情 案例效果： 页面打开时：（图1-59） 案例描述： 在页面中嵌入百度地图页面，地图可以使用<鼠标左>键按住拖动，也可以通过<鼠标滚轮>进行缩放。 元件准备： 页面中：（图1-60） 操作步骤： 1、鼠标双击框架打开链接属性设置界面；界面中选择【链接到url或文件】，{超链接}中填写“mymap.html”。（图1-61） 2、打开百度地图开放平台，网址：...
绘制交互地图 axure10
最新发布
qq_42976489的博客
03-18 223
1，拖入矩形（box1），命名为“re”，再在矩形里面拖入文本框，命名为：这是个矩形，设置交互。2，文本框里面也要设置交互，添加样式效果。3，发布-预览，查看动态效果。
Axure 手机地图组件库
06-09
提供Axure工具用于手机原型设计的地图组件。包含图标、动态曲线等
Axure站点地图
Brienz
03-08 900
一、站点地图是什么 二、站点地图的功能使用 三、实例：“百度”栏目规划
Axure RP9实现页面嵌入动态百度地图
weixin_48181168的博客
01-26 6362
何将地图嵌入原型之中呢
AXURE地图获取方法
qq_44390640的博客
12-07 991
1、点击上方地图或筛选所需地区的地图，点击复制到 Axure 按钮，到 Axure 粘贴就可以了。Axure RP9：Axure 内右键图形，选择转化图形-转化 SVG 为图形。Axure RP8：Axure 内右键图形，选择转化 SVG 为图形。AXURE地图截取地址。
Axure地图搜索交互
12-21
效果实现教程地址：https://blog.csdn.net/qq_27884377/article/details/85146788
《Axure RP7.0从入门到精通》1-15集
11-16
《Axure RP7.0从入门到精通》是一套针对初学者至中级用户的全面教程，旨在帮助学习者掌握这款强大的原型设计工具。Axure RP7.0是Axure系列的第七个主要版本，广泛应用于产品经理、交互设计师以及UI/UX设计师，用于...
Axure 3D教程：制作3D地图原型（三维世界地图）.docx
05-30
Axure 3D教程：制作3D地图原型（三维世界地图）.docx
Axure的地图元件库5.5制作
12-19
Axure的地图元件库，5.5制作，只能在5.5下面导入，其他版本无法使用。
Axure RP8 入门手册：网站和App原型设计从入门到精通 中文pdf高清版
03-18
《Axure RP8 入门手册》的写作初衷是以初学者的角度，由浅到深地引导读者学习Axure RP 8.0的使用方法，从而实现学习目标。 本书不但适合初学者学习，在知识结构与案例的安排上，也非常适合工作中的查阅与参考。初学...
Axure中继器组件化GIS地图
司马沉潇的专栏
04-23 4679
虽然可以使用JavaScript注入的方式将GIS地图嵌入Axure，但每次使用地图都需要重复嵌入并修改代码，不太方便。那么，能不能实现组件化呢？我们可以使用中继器（repeater）将常用的地图参数提取出来，通过使用中继器来实现GIS地图的组件化。
Axure中利用JSBOX制作3D高德地图组件（进阶）
qq_31483645的博客
03-18 1632
JSBOX 是一个面向 Axure 提供便捷开发方式的组件你可以用 JSBOX 制作其他零代码配置的交互式组件。
Axure 教程：中国地图和世界地图
mushe93的博客
10-20 3496
今天，教大家如何用AXURE做可视化视图——中国地图和世界地图。enjoy~ 中国地图原型预览及下载地址： https://axhub.im/pro/29a8f172520b70e2 世界地图原型预览及下载地址： https://axhub.im/pro/b8dffc64f4e57f25 一、效果介绍 （1）世界各国的地图，连最小的国家梵蒂冈也能找到,里面各国为形状，可以改变颜色、设置交互等。 可视化视图，用一个中继器填入数据即可。以面积世界前十的国家+梵蒂冈为例： ...
axure8.0快速入门新手教程：地图
weixin_45189747的博客
06-05 1283
现在有关于地图的设计越来越多了，因为这个手机的GPS定位功能，地图更是让众多的软件开发商使用得恰到好处。比如高德使用地图来导航，微信使用地图来位置共享，甚至最近流行的摩拜单车更是使用地图来寻找共享单车。一些只懂axure基础的人画产品原型往往是使用一张图片来表示地图，但如果你让老板看到你画的产品原型中，地图是一个拥有可拖动放大缩小等逼真功能的逼真地图，那相比于别人你是不是更容易进入老板的视线呢...
百度地图-Axure9内联框架实现百度地图
Mongkian的博客
07-07 2132
一、Axure9内联框架的使用： 1.在Axure9新建一个页面 2.新建一个内联框架 3.双击内联框架，选择超链接到百度地图的网址 4.稍微设置下内联框架的尺寸，例如载入时改变内联框架尺寸，宽度用适用屏幕宽度，高度用适用屏幕高度。 5.最后发布预览即可。 二、原型参考链接 https://zl416z.axshare.com 三、免费下载链接，有兴趣的可以看看 https://download.csdn.net/download/heart_sun/20063...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风流 少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值