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 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>
其他说明