当前位置: 首页 > news >正文

echarts:获取省、市、区/县、镇的地图数据

目录

第一章 前言

第二章 获取地图的数据(GeoJSON格式)

2.1 获取省、市、区/县地图数据

2.2 获取乡/镇/街道地图数据


第一章 前言

需求:接到要做大屏的需求,其中需要用echarts绘画一个地图,但是需要的地图是区/县下的地图

问题:大部分例子都是中国地图或者是某个省的地图,而且数据怎么来我们都是不知道的

解决:后面将告诉大家如何获取各个地方的数据的方式

第二章 获取地图的数据(GeoJSON格式)

2.1 获取省、市、区/县地图数据

  • 渠道:阿里云数据可视化平台

DataV.GeoAtlas地理小工具系列

  •  第一步:放大地图,选择想要的区域

选中后:

  • 注意:这个网址只能最终为我们提供到区/县的数据,再往下就没有了

  • 第二步:获取数据

2.2 获取乡/镇/街道地图数据

  • 工具一:(该网站加载比较慢,耐心等待打开) 作用:通过该网站可以获取我们需要乡/镇/街道的数据

geojson.io | powered by Mapbox

  • 工具二:下载bigmap软件,如下网址  作用:这个软件能让我们获取到乡/镇/街道的看,kml数据

https://download.csdn.net/download/qq_45796592/88765204?spm=1001.2014.3001.5501

  • 安装后打开程序,添加应用

  •  选择添加在线地图源

  • 填写信息(注意:小编测试了,只有百度地图支持,高德地图没有效果

  • 添加成功后应用中就有百度地图的图标了,我们选择使用即可

  • 安装后打开程序,在右上方选择需要的乡/镇/街道数据

  • 双击地图中间选中区域,导出kml文件

  • 导出后的文件目录

  • 将导出的kml文件,导入工具一:

点击open -> 导入下载的kml文件(注意离线地图二次开发也是对开发者有作用的嗷)

  •  地图区域将出现你导入的区块

  • 复制右侧区域保存成json文件即可使用,左边就是我们想要的区的区域

  • 当我们添加多个区域的xml文件时,就会有多个展示

这个数据就是两个区域也会自动合并,最终是拼接好的,不用担心

 

  • 复制右侧区域保存成json文件即可使用,也就是我们需要的乡/镇/街道地图数据

 

第三章 使用时遇到的问题

echarts bug:Invalid geoJson formatCannot read properties of undefined (reading ‘length‘)-CSDN博客

http://www.lryc.cn/news/292236.html

相关文章:

  • Java_简单模拟实现ArrayList_学习ArrayList
  • 动手学深度学习(一)深度学习介绍2
  • vmware网络配置,VMware的三种网络模式详解与配置
  • 【Ubuntu】安装hbase
  • ubuntu16.04环境轻松安装和应用opencv4.9.0(基于源码编译)
  • FastBee开源物联网平台2.0开源版发布啦!!!
  • 【NeRF和NLP】一些观察感悟,碎碎念
  • Python程序设计 基础数据类型
  • 浅谈安科瑞智能照明系统在马来西亚国家石油公司项目的应用
  • Java面对对象
  • 代码随想录算法训练营|day24
  • 嵌入式学习日记 16
  • 【Vue.js设计与实现】第一篇:框架设计概览-阅读笔记(完结)
  • 数据结构—动态查找表
  • Hbase-2.4.11_hadoop-3.1.3集群_大数据集群_SSH修改默认端口22为其他端口---记录025_大数据工作笔记0185
  • c++学习第十四讲---STL常用容器---vector容器
  • 数据结构-内部排序
  • Qt加载网页崩溃 ASSERT:“m_adapterClient“ in file ...
  • 合约短线高胜率策略-扭转乾坤指标使用说明
  • DAY37:贪心算法738
  • 计算机中的缓存与内存
  • 2.1总结
  • 探索Pyecharts:绘制多彩日历图的艺术与技巧
  • 响应标头Allow-Headers和Expose-Headers的区别和用法
  • <网络安全>《13 上网行为管理》
  • 安全通道堵塞识别摄像机
  • 2022 年全国职业院校技能大赛高职组云计算赛项试卷
  • Android开发中,Vue 3处理回退按键事件
  • three.js CSS3DRenderer、CSS3DSprite渲染HTML标签
  • 【BBF系列协议】TR369管理平台软件设计