bMapAddress

功能描述

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

依赖的模块

  1. bMap、UIButton

快速使用

  1. 打开页面：直接通过打开mo_bmapaddress页面即可使用
  2. 例：如果传入lon和lat参数，则为打开以指定经纬度为中心点的地图，并且返回地址信息，以供选择
  3. api.openWin({
  4.     name: 'mo_bmapaddress',
  5.     url: './mo_bmapaddress.html',
  6.     pageParam: {
  7.         lon: '116.4021310000',
  8.         lat: '39.9994480000',
  9.     }
  10. });
  11. 或：如果不传入lon和lat参数或者lon和lat参数为空，则为打开以当前位置经纬度为中心点的地图，并且返回地址信息，以供选择
  12. api.openWin({
  13.     name: 'mo_bmapaddress',
  14.     url: './mo_bmapaddress.html',
  15.     pageParam: {
  16.         lon: '',
  17.         lat: '',
  18.     }
  19.  });
  22.  选择地址：点击头部城市除即可打开选择城市列表页面，城市列表根据英文字母排序，可在右侧选择英文字母进行城市筛选，当前页面是在mui的基础上进行了更改，所以需要引入mui的相关css和js。另外，城市列表的数据在mo_bmapaddress.js中，如果需要从后台获取城市数据，可以根据mo_bmapaddress.js中的格式进行返回数据
  24.  搜索：在头部搜索输入框中输入内容则可搜索当前城市相关的地址信息。
  26.  选择地址后返回：选择地址之后会弹出地址信息，实际运用中可将mo_bmapaddress.html中第60行的代码（即alert）去掉。然后在需要的页面进行监听，即可获取到选择的地址信息。并且更改mo_bmapaddress.html文件中的map_address_back方法，代码中进行了注释，实际运用中将注释打开，alert删掉即可。
  27.  api.addEventListener({
  28.      name: 'bmpaddressBack'
  29.  }, function(ret, err) {
  30.      alert(JSON.stringify(ret.value));
  31.  });

特别说明

  1. 1：需添加好模块，config中配置好bMap参数，详见文档https://docs.apicloud.com/Client-API/Open-SDK/bMap
  2. 2：demo中可直接打开mo_bmapaddress.html，通过监听bmpaddressBack事件获取到选择之后返回的地址信息
  3. 2：QQ：3114045212