如何在Axure中插入百度地图

2020-11-20 今日份axure小技巧——如何在Axure中插入百度地图

主要功能:

  • 自定义显示框内显示地图;
  • 可手动拖拽查看地图可显示区域;

实例演示:

如何在Axure中插入百度地图

实现步骤:

  1. 打开百度地图生成器,点击链接就好:http://api.map.baidu.com/lbsapi/creatmap/index.html
    如何在Axure中插入百度地图

可以在左边区域设置好自己想要的参数。

  1. 获取百度地图API代码:

如何在Axure中插入百度地图
点击复制代码。

  1. 在本地新建一个文本文档,粘贴刚刚复制的代码,然后修改文件名后后缀为“mymap.html”:
    如何在Axure中插入百度地图

4.打开Axure,开始只做我们的内联框架:

如何在Axure中插入百度地图
记得设置滚动条为从不滚动,隐藏边框,预览图为地图。

5.接下来,我们先生成html文件,先新建一个文件夹,把我们修改好的mymap.html文件放进去,然后设置内敛框架的外部链接:

如何在Axure中插入百度地图

**注意注意注意:**要先新建文件夹,把mymap.html放进去,然后设置外部链接的时候最好带上绝对路径,设置好就不要乱移动文件啦!

5.生成原型的html即可。

存在问题说明:

写在最后:

一定仔细看注意注意注意后面的内容~