ap.chooseCity 打开城市选择列表

优质

小牛编辑

134浏览

2023-12-01

ap.chooseCity(OPTION, CALLBACK)

打开城市选择列表。

OPTION 参数说明

名称	类型	必填	描述
showLocatedCity	Boolean	否	是否显示当前定位城市，默认 false
showHotCities	Boolean	否	是否显示热门城市，默认 true
cities	Object Array	否	自定义城市列表，列表内对象字段见下表
hotCities	Object Array	否	自定义热门城市列表，列表内对象字段见下表

城市列表对象字段说明：

名称	类型	必填	描述
city	String	是	城市名
adCode	String	是	行政区划代码
spell	String	否	城市名对应拼音拼写，方便用户搜索

CALLBACK 参数说明

名称	类型	描述
city	String	城市名
adCode	String	行政区划代码

代码示例

<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>

<button class="btn btn-default">选择城市（带定位）</button>
<button class="btn btn-default">选择城市（自定义）</button>
<script>
  var btnGPS = document.querySelector('#J_btnGPS');
  var btnCustom = document.querySelector('#J_btnCustom');
  btnGPS.addEventListener('click', function(){
    ap.chooseCity({
      showLocatedCity: true
    }, function(res) {
      ap.alert(res.city + ':' + res.adCode);
    });
  });
  btnCustom.addEventListener('click', function(){
    ap.chooseCity({
      cities: [
        {
          city: '朝阳区',
          adCode: '110105',
          spell: 'chaoyang'
        },
        {
          city: '海淀区',
          adCode: '110108',
          spell: 'haidian'
        },
        {
          city: '丰台区',
          adCode: '110106',
          spell: 'fengtai'
        },
        {
          city: '东城区',
          adCode: '110101',
          spell: 'dongcheng'
        },
        {
          city: '西城区',
          adCode: '110102',
          spell: 'xicheng'
        },
        {
          city: '房山区',
          adCode: '110111',
          spell: 'fangshan'
        }
      ],
      hotCities: [
        {
          city: '朝阳区',
          adCode: '110105'
        },
        {
          city: '海淀区',
          adCode: '110108'
        },
        {
          city: '丰台区',
          adCode: '110106'
        }
      ]
    }, function(res){
      ap.alert(res.city + ':' + res.adCode);
    });
  })
</script>