美文网首页玩转Axure
Axure加载百度地图

Axure加载百度地图

作者: 犟心独运 | 来源:发表于2017-10-17 16:14 被阅读1049次

    使用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】即可。
    修改前:



    修改后:



    最终效果图,如下:

    相关文章

      网友评论

        本文标题:Axure加载百度地图

        本文链接:https://www.haomeiwen.com/subject/qbmduxtx.html