三级联动获取最新城市行政区划代码与边界(原创)

所属分类:输入-选择框

 23459  304  查看评论 (5)
分享到微信朋友圈
X
三级联动获取最新城市行政区划代码与边界(原创) ie兼容8

高德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();

最后 插件是可拖拽式的


相关插件-选择框

jQuery仿淘宝移动端添加收货地址(原创)

jQuery仿淘宝移动端省市区县街道四级联收货地址
  选择框
 28544  320

移动端vue切换城市带自动定位

vue.js定位后 选择其他城市进行切换,适用移动端
  选择框
 25809  308

选择联系人效果,搜索单个联系人功能(原创)

选择添加联系人效果,并带有搜索功能,实现更好人员选择效果jQuery插件
  选择框
 34220  377

省市区三级联动

省市区三级联动,代码简洁
  选择框
 44439  388

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    天山兔子 0
    2019/12/23 10:05:05

    操作繁琐,反应迟钝

        曾经以为地球没了我也能转0
        2019/12/31 10:52:49
        哪繁琐了?
    回复
    junyi5d 0
    2018/11/12 14:11:43
    演示在chrome下没内容
        西瓜0
        2018/11/12 15:07:06
        我这里测试没有问题,看看是不是路径问题。
        曾经以为地球没了我也能转0
        2018/12/11 11:00:54
        有的 是不是网络不好没加载完
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复