bMapAddress

功能描述

1:根据经纬度(若无经纬度则获取当前地址)展示地图,返回地址列表
2:根据城市和搜索内容更改地图,并获取相关的地址列表,点击地址列表则返回所选择的地址信息

依赖的插件

bMap、UIButton

快速使用

打开页面:直接通过打开mo_bmapaddress页面即可使用
例:如果传入lon和lat参数,则为打开以指定经纬度为中心点的地图,并且返回地址信息,以供选择
api.openWin({
    name: 'mo_bmapaddress',
    url: './mo_bmapaddress.html',
    pageParam: {
        lon: '116.4021310000',
        lat: '39.9994480000',
    }
});
或:如果不传入lon和lat参数或者lon和lat参数为空,则为打开以当前位置经纬度为中心点的地图,并且返回地址信息,以供选择
api.openWin({
    name: 'mo_bmapaddress',
    url: './mo_bmapaddress.html',
    pageParam: {
        lon: '',
        lat: '',
    }
 });


 选择地址:点击头部城市除即可打开选择城市列表页面,城市列表根据英文字母排序,可在右侧选择英文字母进行城市筛选,当前页面是在mui的基础上进行了更改,所以需要引入mui的相关css和js。另外,城市列表的数据在mo_bmapaddress.js中,如果需要从后台获取城市数据,可以根据mo_bmapaddress.js中的格式进行返回数据

 搜索:在头部搜索输入框中输入内容则可搜索当前城市相关的地址信息。

 选择地址后返回:选择地址之后会弹出地址信息,实际运用中可将mo_bmapaddress.html中第60行的代码(即alert)去掉。然后在需要的页面进行监听,即可获取到选择的地址信息。并且更改mo_bmapaddress.html文件中的map_address_back方法,代码中进行了注释,实际运用中将注释打开,alert删掉即可。
 api.addEventListener({
     name: 'bmpaddressBack'
 }, function(ret, err) {
     alert(JSON.stringify(ret.value));
 });

特别说明

1:需添加好插件,config中配置好bMap参数,详见[bMap使用文档](/docs/Client-API/Open-SDK/bMap)
2:demo中可直接打开mo_bmapaddress.html,通过监听bmpaddressBack事件获取到选择之后返回的地址信息
2:QQ:3114045212
是否仍需要帮助? 请保持联络!
最后更新于 2024/04/8