UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

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

所属分类：输入-选择框

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

最后 插件是可拖拽式的


相关插件-选择框
查看更多

js城市查询器（完美仿携程）

 高仿携程城市查询器在之前楼主版本上进行改进，添加了拼音简写索引，添加了字母标识与分割，简化了插件引入
  选择框
 48309  418

jQuery仿美团APP筛选

 jQuery条件筛选
  选择框
 44554  390

双向选择表格（支持IE8及以上）

 双向选择表格，支持自定义查询条件（支持下拉框）、自定义表头和数据格式（表格支持链接）、单选全选、选择事件、动态修改数据等功能，具体可以查看示例
  选择框
 19597  197

jQuery下拉框美化插件

 表单的一些元素是很难或不能设置样式的，所以有些时候它们的默认样式可能会与你的设计格格不入，这时候也许美化插件是个不错的选择。
  选择框
 37974  380

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