Alipay JSSDK V3.1.1

ap.chooseCity(OPTION, CALLBACK)

打开城市选择列表。

OPTION 参数说明

名称类型必填描述
showLocatedCityBoolean是否显示当前定位城市,默认 false
showHotCitiesBoolean是否显示热门城市,默认 true
citiesObject Array自定义城市列表,列表内对象字段见下表
hotCitiesObject Array自定义热门城市列表,列表内对象字段见下表

城市列表对象字段说明:

名称类型必填描述
cityString城市名
adCodeString行政区划代码
spellString城市名对应拼音拼写,方便用户搜索

CALLBACK 参数说明

名称类型描述
cityString城市名
adCodeString行政区划代码

代码示例

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

<button id="J_btnGPS" class="btn btn-default">选择城市(带定位)</button>
<button id="J_btnCustom" 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>

其他说明