素材牛VIP会员

三级联动获取最新城市行政区划代码与边界效果

 所属分类:网页特效-输入/选择框,滚动/拖拽,独立部件

 浏览:337次-  下载:0次-  评论:1次-  发布时间:2018-11-30
三级联动获取最新城市行政区划代码与边界效果兼容IE8
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:根据高德api获取最新的城市行政区划码与边界数据三级联动插件 可单页面创建多个可拖拽

详细介绍

高德api做的三级联动获取最新城市行政区划代码、城市边界、城市中心点

使用方法

1.首先需要打开districtCodeTool.js设置自己的高德ApiKey

2.引入districtCodeTool.js后

var tool = new DistrictCodeTool(); //就可以了

可传入显示位置和点击确定选择后的事件

var tool = new DistrictCodeTool("距离顶部px", "距离左侧px", function(data) {
    // data - 选中的城市数据
    // data.name - 城市名称
    // data.adcode - 城市行政区划代码
    // data.boundaries - 城市地图边界
    // data.center - 城市中心
});

也可以后续设置

tool.clickSelect(function(data){
    alert(data.adcode)
});

默认是隐藏的 创建后需要手动显示一下,如无需隐藏的可在js中自行修改

tool.show();

也可以在指定位置显示

tool.show("距离顶部px","距离左侧px");

当然 也有 隐藏

tool.hide();

最后 插件是可拖拽式的

讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

zj***ar  
2019年07月02日

没有显示啊

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:0
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)