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

所属分类:输入-选择框

 23831  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仿去哪儿出发城市筛选
  选择框
 39176  348

jQuery省市区三级联动插件(可自定义样式)

PC端省市区三级联动插件,可自定义样式,支持两种数据初始化方式,最新的省市县的json数据,带有详细的使用说明
  选择框
 46973  490

radio & checkbox

简洁好看的单选框,复选框
  选择框
 44157  504
  选择框
 62798  501

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