使用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】即可。
修改前:
修改后:
最终效果图,如下: