首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    实战|省市区三级联动数据爬取

    前言   最近收到客服反应,系统的省市区数据好像不准,并且缺了一些地区。经过询问同事得知,数据库内的数据是从老项目拷贝过来的,有些年头了。难怪会缺一些数据。...正好最近在对接网商银行,发现网商提供了省市区的数据的接口。这就很舒服了哇,抄起键盘就是干,很快的就把同步程序写好了。   然后在同步的过程中,发现网商提供的数据和数据库有些对不上。...于是我打开了中华人民共和国民政部网站来比对异常的数据。   对比的过程中,石锤网商数据不准。值得的是表扬淘宝和京东已经同步了最新的数据了。但是呢,我并没有找到它们的数据接口。...  由于需要解析HTML才能取到数据,所以需要知道数据存储在什么元素上。...  由于我们需要的是省市区三级数据联动,但是了直辖市只有两级,所以我们人工的给它加上一级。

    3.8K30

    免费快速下载省市区县行政区的Shp数据

    摘要:一般非专业的GIS应用通常会用到省市等行政区区划边界空间数据做分析,本文简单介绍了如何在互联网上下载省,市,区县的shp格式空间边界数据,并介绍了一个好用的在线数据转换工具,并且开源。...一、首先,到阿里云提供的地图选择器网站选择想要下载的行政区, 网站提供的是json格式数据,也就是GeoJson格式的多边形地理空间数据。...json数据,在浏览器中右键保存为json格式数据,如本文保存为410000_full_henan.json; 也可以通过网站提供的的复制按钮,直接复制Json文本,自行粘贴保存为json格式文件;...三、最后,将得到的json格式的地理空间数据转换为shp数据或者你想要的其他格式,转换有很多方式,由于得到的行政区要素数据量不是很大,可以通过在线直接转换的方式。...注意: 1>下载的shp数据为WGS84坐标的数据; 2>子区域只包含所选本级和下一级两级数据,想要更细级别可以选取不同父级;

    5.5K10

    免费快速下载省市区县行政区的Shp数据

    摘要:一般非专业的GIS应用通常会用到省市等行政区区划边界空间数据做分析,本文简单介绍了如何在互联网上下载省,市,区县的shp格式空间边界数据,并介绍了一个好用的在线数据转换工具,并且开源。...一、首先,到阿里云提供的地图选择器网站选择想要下载的行政区, 网站提供的是json格式数据,也就是GeoJson格式的多边形地理空间数据。...json数据,在浏览器中右键保存为json格式数据,如本文保存为410000_full_henan.json; 也可以通过网站提供的的复制按钮,直接复制Json文本,自行粘贴保存为json格式文件;...三、最后,将得到的json格式的地理空间数据转换为shp数据或者你想要的其他格式,转换有很多方式,由于得到的行政区要素数据量不是很大,可以通过在线直接转换的方式。...注意: 1>下载的shp数据为WGS84坐标的数据; 2>子区域只包含所选本级和下一级两级数据,想要更细级别可以选取不同父级;

    3.1K31

    30、地址填写(姓名、电话、省市区)

    关于文件名字规范这里提一句,大家可以参考一下我写的关于vue的命名规范 (2)路由添加,老规矩还是去router的index.js中添加addressEdit路由 (3)为地址列表address.vue...addressEdit.vue 3、省市区地址选择 (1)对于上面的areaList对象我们需要赋予一份完整的省市区列表数据 大家可以看看vant的Area 省市区选择的介绍; 而vant也为我们提供了这份省市区列表数据...(2)于是我们可以下载这份文件,然后在assets资源文件夹中新建一个area.js用于存放这份数据并在页面中引入。 ? 在页面中新建area.js ?...引入area.js 这样,我们就实现了省市区的选择。 ? 省市区的选择 4、优化及小结 最后,我们需要还是需要改变下按钮的颜色,还是进入我们上一章创建的override.css中改变类名的颜色。 ?...参考学习: 关于vue的命名规范 AddressEdit 地址编辑 Area 省市区选择 省市区列表数据

    3.1K50

    全国省市区县乡镇街道行政区划数据

    uniapp 级链选择器(官方自己的组件库) 问题描述: 在使用uniapp时用到uni-data-picker这个组件的时候需要用到省市区三级联动,发现没有全国省市区三级联动的数据,如果要使用的话还需要去开通对应的服务...解决思路: 当然是在百度一下全国省市区的json数据了,谁让我是一个前端呢(其实也是一个后端菜鸟) <uni-data-picker...pcaTree: pcaData } } } pca-code.json的数据来源于...github 给大伙找来有json格式的, sql数据的以下的链接仅供参照(推荐1) 中华人民共和国行政区划(五级):省级、地级、县级、乡级和村级 中国5级行政区域mysql库 最全最新中国省,市,地区...json 及 sql 数据

    2K50

    巧用指针引用实现多级省市区嵌套

    开发中经常遇到需要将一个二维结构的数据转换为N级嵌套(如多级菜单、省市区嵌套等),一般遇到这种问题我们会借助数据表添加冗余列配合代码,高级点的可以再配合数据库的存储过程,简单粗暴点的是把数据拉回来后代码多次循环处理...下面我们用指针/引用再没有冗余列的情况下仅遍历一次原始数据实现省市区的嵌套输出。...开始之前我们先简单说明一下数据源(数据结构)以及期望的输出结果: multilevel-nest-sec.png 这里先简单说明一下数据结构,从行政区划代码上可以看出,省级别的后4位位0,市级别的后两位为...2.1 第一部分 第1~33行代码跟主逻辑并无关联,主要的作用是模拟从数据库拉取数据,生成一个二维数组。方便直接运行代码查看效果等,避免了建表的麻烦。...当然你也可以建表并且将数据写入表中,然后使用程序拉取,这个也应该是现网运行的正常逻辑。

    1.6K20

    Vue整合element-china-area-data实现PC端省市区三级联动选择器

    如下图所示 image.png image.png 3、安装china-area-data 在idea中打开终端工具,执行 npm install china-area-data 安装省市区数据,...如下图所示: image.png 4、js代码 参考官方demo依葫芦画瓢,这里举的例子是不带“全部”选项的省市区三级联动 var vue = new Vue({ el:'#demo', data...这里可以把获取到的value值赋值给后台字段做存储使用 //value是数组,如 绑定值:[ "330000", "330100", "330106" ] //只需要把区存到后台数据库即可...,即取到value[2]即可,在数据回显时,便可以自动显示整个省市区 //非常方便简介 //CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText...} 5、html代码 js

    12.6K20
    领券