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