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

所属分类:输入-选择框

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

最后 插件是可拖拽式的


相关插件-选择框

移动端pc端地区选择插件

兼容移动端的地区选择插件
  选择框
 39868  334
  选择框
 66967  647

Select2 实现的省市区三级联动

该插件是用Select2 实现的国内省市区联动选择。
  选择框
 87939  492

jQuery下拉多选插件ySelect.js

简单实用的jQuery多选插件ySelect.js,支持反选,搜索,分组。
  选择框
 60760  368

讨论这个项目(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
        有的 是不是网络不好没加载完
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复