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.hqwc.cn/news/439502.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

隐马尔可夫模型系列——(五)实际应用

一、语音识别 隐马尔可夫模型(Hidden Markov Model,HMM)在语音识别中被广泛应用,它是一种统计模型,用于建模序列数据的动态过程。语音识别任务涉及将声音信号转化为文本或命令,而HMM可以帮助我们解决这个问…

AI工具【OCR 01】Java可使用的OCR工具Tess4J使用举例(身份证信息识别核心代码及信息提前方法分享)

Java可使用的OCR工具Tess4J使用举例 1.简介1.1 简单介绍1.2 官方说明 2.使用举例2.1 依赖及语言数据包2.2 核心代码2.3 识别身份证信息2.3.1 核心代码2.3.2 截取指定字符2.3.3 去掉字符串里的非中文字符2.3.4 提取出生日期(待优化)2.3.5 实测 3.总结 1.简…

UE5.1_常用节点说明(经常忘记怎么用?)(常改)

UE5.1_常用节点说明(经常忘记怎么用?)(常改) 1. Gate——门节点。只有当门是Open状态才会执行Exit后面的代码。 Open开门;Close关门;Toggle开门和关门交替。 2. 关于控制ArmLength即控制相机前…

行测-数量关系:2. 工程问题、经济利润问题

1、工程问题 1.1 给具体单位型 A,二元一次方程 1.2 给完工时间型 18 D D,注意问题是共需要多少天。 A,代入法是最快的。 A C 1.3 给效率比例型 C,注意是问的共需要多少天。 A C A 2、经济利润问题 2.1 基础经济★★★ B B&#xf…

MySQL安全(一)权限系统

一、授权 1、创建用户 在MySQL中,管理员可以通过以下命令创建用户: namelocalhost IDENTIFIED BY password; name是要创建的用户名,localhost表示该用户只能从本地连接到MySQL,password是该用户的密码。如果要允许该用户从任何…

22.云原生之GitLab CICD实战及解析【干货】

云原生专栏大纲 文章目录 准备工作gitlab-ci.yml流水线mven打包项目制作并推送镜像kaniko方式docker方式 部署到k8s验证执行情况 GitLab Runner k8s执行器工作流程注册配置kubernetes runnerkubernetes runner配置通过修改 Pod 规范为每个构建作业创建一个 PVC自定义卷装载持久…

利用外卖系统源码构建高效的在线订餐平台

在当今数字化时代,外卖服务已成为人们日常生活中不可或缺的一部分。为了满足用户需求,许多创业者和企业都希望搭建自己的在线订餐平台。利用现有的外卖系统源码,可以快速构建一个高效、安全的在线订餐平台。本文将介绍如何利用外卖系统源码来…

方案:将vue项目放在SpringMVC中,并用tomcat访问

需要先将项目生成一次war包才能访问项目的webapp文件夹下的资源,否则tomcat的webapp文件夹下面不会生成对应资源文件夹就无法访问。 问题:目录如下: 今天我测试了一下将vue打包后,放入webapp下面访问,却发现vue项目无…

C# 使用WMI监听进程的启动和关闭

写在前面 Windows Management Instrumentation(WMI)是用于管理基于 Windows 操作系统的数据和操作的基础结构。具体的API可以查看 WMI编程手册。 WMIC 是WMI的命令行管理工具,使用 WMIC,不但可以管理本地计算机,还可…

Walrus 0.5发布:重构交互流程,打造开箱即用的部署体验

开源应用管理平台 Walrus 0.5 已于近日正式发布! Walrus 0.4 引入了全新应用模型,极大程度减少了重复的配置工作,并为研发团队屏蔽了云原生及基础设施的复杂度。Walrus 0.5 在这一基础上,通过重构交互流程、增强抽象能力&#xff…

GPT栏目:yarn 安装

GPT栏目:yarn 安装 一、前言 在跟GPT交互的时候,发现最近gpt4给出的答案率有了比较明显的提高,简单记录一下,我用gpt4拿到的答案吧。 本人已按照这个步骤成功 二、具体步骤 要安装 yarn,你可以按照以下步骤进行操作…

如何从视频中提取高清图片?可以这样截取

如何从视频中提取高清图片?从视频中提取高清图片可以方便我们制作各种用途所需的素材,如海报、社交媒体配图等。此外,高清图片的细节和色彩也更丰富,可以更好地满足我们的视觉需求。从视频中提取高清图片是一项需要技巧的任务&…