菜单 搜索
首页 前端知识 Echarts构建指定省份的地图

Echarts构建指定省份的地图

2024-03-21 15:03:48 前端知识 前端哥 891 838 我要收藏

1. 自行准备好Echarts环境

Echarts官网：https://echarts.apache.org/zh/index.html

2. 下载需要的省份或者城市的json地理信息文件

下载我们需要显示地区的Json数据，这个Json数据用于Echart的地图显示
例如我这里是下载的：湖南、湖北、四川、贵州、江西省的地图数据
下载地址：使用阿里云：DataV.GeoAtlas地理工具
在这里插入图片描述

3. 将三个地区的Json文件进行合并

① 使用工具网站：https://geojson.io/,
点击Open，上传省份的Json数据包，上传成功后
点击Save，点击GeoJSON，将省份的Json文件合并为一个Json文件
在这里插入图片描述

在这里插入图片描述
最后得到的JSON文件在使用到我们的代码即可
效果图：
在这里插入图片描述

转载请注明出处或者链接地址：https://www.qianduange.cn//article/4047.html
标签
上一篇：HTML基本结构及基本标签
评论
相关文章

前端哥

前端哥

发布的文章

【JavaWeb】 JavaScript 开发利器之 jQuery

2024-04-15 09:04:55

jQuery和CSS选择器的使用

2024-04-15 09:04:55

JavaScript之jQuery番外篇【打地鼠游戏的制作讲解】(1)

2024-04-15 09:04:47

HTML前端表单校验的方法

2024-04-15 09:04:46

「jQuery系列」jQuery插件介绍（遮挡面板Accordion、根据输入内容过滤/补全Autocomplete）

2024-04-15 09:04:46

使用jQuery写一个注册界面

2024-04-15 09:04:46

Jquery 中封装的Ajax和封装函数serializeObject和nprogress 进度条插件

2024-04-15 09:04:35

jQuery之scrollLeft()、scrollTop()

2024-04-15 09:04:35

解决js文件使用ES6语法import...from...导入jquery出现的问题，使用webpack

2024-04-15 09:04:34

JQuery中的事件对象，阿里一线架构师技术图谱

2024-04-15 09:04:04

大家推荐的文章
1

js数组常用方法（19种）|你会的到底有多少呢？

2024-04-08 11:04:211000
2

【Echarts系列】—— 实现电池图、3D立体圆形柱状图

2024-03-03 11:03:011000
3

ECharts 饼状图颜色设置

2024-02-16 14:02:001000
4

echarts实现动态渲染多柱图

2024-02-12 14:02:341000
5

移动端css布局大全

2024-02-06 15:02:421000
6

使用HTML5和JS实现日期下拉框功能

2024-02-04 11:02:521000
7

JS生成条形码JsBarcode.all.js，转成图片canvas2image.js，并打印二维码jQuery.print.js

2024-01-27 01:01:181000
8

vue实现可输入可下拉选择的组件

2024-04-05 09:04:35999
9

echarts 图表，定时器实现数据实时动态

2024-03-13 00:03:28999
10

jQuery事件处理

2024-03-12 01:03:32999

rss订阅 百度xml 谷歌xml 搜狗xml soxml 神马搜索xml 网站地图

Copyright © 2018-2022 前端哥 陕ICP备2023000550号-1 前端哥

讲个笑话：程序员心理活动：看别人的代码，这都写得什么玩意儿，垃圾！！看自己一个月前的代码：这TM谁写得代码，垃圾！再一看，这代码怎么这么眼熟？我自己写得？仔细一看，卧槽！还TM的真是我自己写的！！

前端技术交流源码工具分享网站

会员中心 联系我 留言建议 回顶部
复制成功！