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/24