高德有城市选择器:高德开放平台
MobiCityPicker(城市选择器)最后更新时间: 2018年07月02日
MobiCityPicker是一个手机端的城市选择器,默认情况下,会从左侧滑入打开城市列表,用户点击选中某个城市后,回调返回相应的城市信息。
如何使用
1、引入UI组件库
2、MobiCityPicker依赖Zepto,请参见这里确定是否需要进行DomLibrary设置。
3、加载MobiCityPicker(模块名:ui/misc/MobiCityPicker):
//设置DomLibraryAMapUI.setDomLibrary(Zepto);//加载MobiCityPicker,loadUI的路径参数为模块名中 'ui/' 之后的部分AMapUI.loadUI(['misc/MobiCityPicker'], function(MobiCityPicker) { var cityPicker = new MobiCityPicker({ //topGroups: ..., // 顶部城市列表
}); //监听城市选中事件
cityPicker.on('citySelected', function(cityInfo) { //隐藏城市列表
cityPicker.hide(); //选中的城市信息
console.log(cityInfo);
});
//显示城市列表,可以用某个click事件触发
cityPicker.show();
});