【AxureRP7.0原型】在原型中嵌入自定义的百度地图

Axure视频教程 小楼一夜听春语 41295℃ 0评论

天气好热,好想射点儿什么!!!

51f14805cf9a295e460001c9

喔霍霍霍霍霍霍霍霍,有没有凉快好多?

或者,你是在办公室打开的,然后心脏狂跳、浑身燥热,狂点关闭.......

好吧!不管你谢我还是恨我,下面这个视频,你总是想要的吧!

下载地址:http://pan.baidu.com/s/1c03Ww0o

提取密码:rp9d

如果,不方便看视频,下面是文字描述:

百度地图嵌入原型步骤分解:

1、打开百度,搜索“苍老师 无码”;

2、sorry,习惯了!第1步,不用搜索.....,然后,第2步,点击“地图”;

3、百度地图页面右上角,点击“地图API”;

4、页面最下方,点击【插件与工具】里的"快速地图生成器"

5、【定位中心点】输入中心点名称,比如"国贸";

6、【设置地图】,根据需求设置地图尺寸以及选择/设置功能模块;

7、【添加标注】,可以在地图上添加图标标记(也可线标记和文字标记),设置标记名称及备注等功能。

8、【获取代码】,获取代码后,点击【复制代码】将代码复制(现在需要key了,点击复制时,有个申请密钥的按钮,可以申请,没有门槛。共享一个key:5c4b6cfcdf62237013fe7c34ddb9d80c)。

9、在本地右键新建文本文档,将代码粘贴到文档中,选择【另存为...】,下拉列表中选择【所有文件(*.*)】,文件名填写baidumap.html(前缀"baidumap"可以自定义)。如果电脑文件后缀可见的话,可以直接保存,然后修改文本文档的文件名为baidumap.html。

10、在Axure编辑区中,拖入一个框架,设置与地图一致的尺寸,并取消边框和滚动条,双击后,勾选链接到URL或外部文件,输入框中填写:

5115229

11、按F8生成Html文件,注意文件的保存路径;

12、将baidumap.html复制到上一步中路径所指向的文件夹中,重新打开原型文件即可看到嵌入效果。

5115230

 

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战》系列视频------从零入门进阶的最佳课程------【点此查看详情】


转载请注明:Axure原创教程网 » 【AxureRP7.0原型】在原型中嵌入自定义的百度地图

喜欢 (19)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(17)个小伙伴在吐槽
  1. 百度宽限制最大697px,复制之后可以修改源代码宽度
    xiaofuzi2014-06-05 15:14 回复
  2. 赞一个
    YY2014-06-05 16:24 回复
  3. 谢谢小楼老师……
    大虾米2014-07-22 14:54 回复
  4. 赞一个,谢谢小楼老师
    hezhuliang2014-09-23 23:35 回复
  5. 现在百度地图生成器都要产品密匙,这个怎么解决?
    奥利弗2015-01-16 15:15 回复
    • 自己申请不就行了
      Cheryl2015-09-14 11:27 回复
  6. 小楼老师,有没有最后做好了的截图,也发出来,给大家学习学习。我按照教程都做了,但是没有效果,一片空白。。。。
    以诺2015-05-25 11:24 回复
    • 我也是一片空白,求助
      122015-08-03 11:58 回复
      • 小白我也是一片空白啊~~~~~~~~~~~~~~~~~~~~~~
        小鱼2015-10-26 14:18 回复
  7. 一片空白啊
    zffin2015-08-04 23:28 回复
  8. 赞!谢谢小楼老师
    Cheryl2015-09-14 11:28 回复
  9. 同样一片空白呀!!求助
    那年2015-12-10 18:25 回复
    • 小楼一夜听春语
      百度地图现在需要填写密钥,在页面代码中“ak=”后面填写5c4b6cfcdf62237013fe7c34ddb9d80c
      小楼一夜听春语2015-12-11 10:07 回复
  10. 小楼一夜听春语
    说空白的同学们,你们都不看第8步括号里的内容吗?
    小楼一夜听春语2015-12-11 10:09 回复
    • 小楼老师,为什么我单独地图是可以 但是框架里面打开是空白,key我也有放进去的说
      Ria2016-11-10 15:48 回复
      • 小楼一夜听春语
        到本站qq群里交流
        小楼一夜听春语2016-11-10 15:58 回复
  11. 小楼老师:按着你的步骤做完后,打开的页面不是百度地图;而是hao123,好郁闷
    小白2016-10-18 23:26 回复