Axure加载百度地图

使用Axure加载百度地图,步骤如下:
1、登录百度地图开放平台(http://lbsyun.baidu.com/) >> 开发 >> 地图生成器

2、打开地图生成器,创建所需的地图样式,
1)【定位中心点】:选择你需要的城市及所要显示的中心位置;
2)【设置地图】:设置地图的尺寸、按钮、状态等信息;
3)【添加标注】:添加你所关注的点位。


3、地图创建完成后,点击下方的【获取代码】按钮,复制代码粘贴到本地文件,保存为【baidumap.html】。


4、点击【申请密钥】按钮,将生成的密钥添加到本地文件【baidumap.html】的代码中。(位置:ak=您的密钥)


5、打开Axure >> 拖入一个【内联框架】元件 ,
1)设置右侧的属性 >> 框架滚动条【从不显示】、选中隐藏边框、预览图片【地图】。
2)双击元件选择链接到url或文件,填入【baidumap.html】。


6、生成HTML文件,将【baidumap.html】放到项目文件夹内,运行项目。


7、如果地图标注的信息显示的是乱码,那么请打开【baidumap.html】文件,将编码方式由【utf-8】改为【gb2312】即可。
修改前:



修改后:



最终效果图,如下:
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,399评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,205评论 4 61
  • 一.百度地图的使用 (一)显示百度地图的步骤有下面几步: 下载SDK 加入lib中,依赖jar,并且依赖so文件 ...
    于加泽阅读 9,969评论 1 8
  • 一、Axure界面介绍 1、页面导航面板(Pages) Axure的页面管理采用类似操作系统的文件夹和页面文件的管...
    落霞__孤鹜阅读 55,934评论 7 46
  • 1. 黄菡老师说过:“如若离开, 便在春天 ” 。 春分已过, 但我还是穿着厚厚的棉衣 ,窝在厚厚的四床被子里面。...
    谢小谢的日常阅读 3,942评论 0 1