前言：网站开发经常会涉及到报名，报名通常就会有地区级联的要求。如下所示。做这个功能就必须要有数据支撑。昨天努力了一天，从网上鼓捣了一份数据。分享下。纯技术性分享，非盈利的。如果有侵权的地方请知会，马上删除。

不知道该怎么上传附件，我就直接放链接了

1、省市数据(15k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCity.js

1、省市县数据(172k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCityCountry.js

2、省市县乡数据(1545k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCityCountryTown.js

以下把各个数据整理成单独文件，方便组合使用

3、省(1k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/pro.js

4、市(14k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/city.js

5、县(159k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/country.js

6、乡镇数据(1373k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/town.js

当级别到乡的时候数据已经很大了，有1m多，不应该把js文件一次性加载进来，这样会拖慢页面的加载时间，采用分次加载比较好。比如先加载proCityCountry.js,页面加载完之后在加载town.js；当然这仅仅是初步的优化，还可以优化更多。以上仅仅是参考意见，各位示情况而用。

demo:http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/areaDataOther.html

省市区县镇级联数据JS版的更多相关文章

  1. 从统计局采集最新的省市区县数据，纯js

    本文更新(移步查阅): 19-04-15 新采集了2018的省市区三级坐标和行政区域边界 19-03-22 采集了2018的城市数据 18-11-28 采集了2017的城市数据 数据下载 GitHub ...

  2. 全国省市级联数据sql语句 mysql版

    全国省市级联数据sql语句 mysql版 --省级 provincial create table provincial ( provincialID int, provincialName ), p ...

  3. echarts地图边界数据的实时获取与应用，省市区县多级联动【附最新geoJson文件下载】

    首先,来看下效果图 在线体验地址:https://hxkj.vip/demo/echartsMap/,并提供实时geoJson数据文件下载 echarts官方社区链接地址(可在线编辑):https:/ ...

  4. 循序渐进VUE+Element 前端应用开发(21）--- 省市区县联动处理的组件使用

    在很多应用中,往往都涉及到记录用户所在省份.城市.区县或者街道等信息,一般我们可以通过联动的Select或者类似的界面组件进行展示,或者使用Element中的el-cascader界面组件进行展示,而 ...

  5. Pyqt QComboBox 省市区县联动效果

    在Qt中, QComboBox方法窗口组件允许用户从列表清单中选择,在web中就是select标签,下拉选项. 省市区县的联动就是currentIndexChanged 获取当前的Index,通过这个 ...

  6. 根据经纬度坐标获得省市区县行政区划城市名称，自建数据库 java python php c# .net 均适用

    目录 步骤一.下载省市区边界数据 步骤二.解析CSV文件导入数据库 步骤三.在程序中根据坐标解析获得城市 在LBS应用中,根据坐标来解析获得对应是哪个城市是一个很常见的功能,比如App里面通过手机定位 ...

  7. 全国三级城市联动 js版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 原生js版分页插件

    之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来.如有不足之处,欢迎指 ...

  9. iOS开发之"省市"二级联动的数据组织(PHP版)以及PickerView的实现与封装

    之所以要发表这篇博客,还源于最近的开发工作所实现的一个小的Demo, 当然这个Demo不会涉及工作中App的一些内容,下方要实现的Demo是通用的.因为项目需求的迭代,要求在银行卡绑定中添加支行所在的 ...

随机推荐

  1. Linux：永久修改网卡的MAC地址

    比如:搭建一个虚拟机环境之后,需要N个一样的系统,可以本地复制虚拟机来实现.但是复制之后,网卡的MAC地址一样,无法使用,这时候需要修改网卡的MAC地址,且希望重启系统之后,仍生效的,步骤如下: 1. ...

  2. 127.0.0.1和localhost完全相等吗？

    今天在使用ajax发请求的时候遇到如下问题: 以[Access-Control-Allow-Origin]为关键字搜索的结果进行改进,但没有效果. 返回仔细查看错误提示,发现ajax请求的url是lo ...

  3. nagios二次开发（二）---nagios和nagiosql合并与取舍

    NAGIOS做前台 上一篇本人分析了nagios和nagiosql的优缺点,根据之前的使用经验及探索.决定将nagios做为监控数据的展示层,暂称做“前台”.将nagiosql做为监控体的配置层,暂称 ...

  4. HDU 3065 病毒侵袭持续中（AC自动机）

    这题数据太水,一开始没有加上Get的方法也能AC..话说AC自动机中一定要注意加上Get的方法!(不然,同一个后缀的其他单词就没被算上了.) 代码如下: #include <stdio.h> ...

  5. JS根据服务器时间倒计时

    原文链接:http://caibaojian.com/daojishi-2.html //获取服务器时间 function getSevertime(){ var xmlHttp = new XMLH ...

  6. Installshield 打包安装包心得

     制作简单的安装软件 声明:下面的教程,是把读者当做完全没接触过IS的角度来制作的. 1． 启动InstallShield 12.建立一个InstallShield MSI Project,如图: 2 ...

  7. 解决IE上登陆oracle OEM时报：“证书错误，导航已阻止”的错误

    今天在IE上登陆OEM时,报证书错误,导航已阻止,我选择:继续浏览此网站(不推荐),但是点了之后还没有反应,在网上搜了很多,原因基本都是windows的问题,最后发现问题是:oracle oem证书的 ...

  8. lucene源码地址

    http://archive.apache.org/dist/lucene/java/

  9. java文件乱码

    要让一个 Java 源文件打开时编码格式为 UTF-8,需要做2件事情:1)设置Java 源文件的默认编码格式为UTF-8:2)设置workspace的编码格式为UTF-8. 相应设置如下: 设置 J ...

  10. 设置h5页面不可复制文字

    * { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: no ...