高德地图 没有web端的城市选择器吗?

2021-07-06 科技 203阅读

高德有城市选择器:高德开放平台

网页链接

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();
});

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com