首页 > 其他分享 >获取Echarts的geoJson文件(省市/区县)

获取Echarts的geoJson文件(省市/区县)

时间:2024-07-08 17:23:32浏览次数:12  
标签:文件 bigemap geoJson 区县 geojson https Echarts 下载

1.获取市的级别直接使用阿里云提供的工具直接获取: https://datav.aliyun.com/portal/school/atlas/area_selector#&lat=32.62087018318113&lng=118.43261718749999&zoom=4 和 https://map.easyv.cloud/ 和 https://geojson.hxkj.vip/

 

 2.获取县和区的细到街道的geoJson,需要拼接该县或者区的所有街道。

(1)下载bigemap全能版:http://www.bigemap.com/reader/download/

(2)添加百度在线地图,使用百度可以下载,使用其他地图容易提示不可下载

 (3)下载bmv文件(因为不能下载kml文件,否则直接下载kml文件)

(4)在bigemap导入对应的bmv文件,通过bmv下载对应的kml,有11层级优先下载11

 

(5)在gio导入所有街道的mkl文件,拼接所有的街道会生成geojson文件:https://geojson.io/#new&map=2/0/20

 (6)导入geojson文件

 

标签:文件,bigemap,geoJson,区县,geojson,https,Echarts,下载
From: https://www.cnblogs.com/LylePark/p/18290367

相关文章

  • React+TS前台项目实战(二十六)-- 高性能可配置Echarts图表组件封装
    文章目录前言CommonChart组件1.功能分析2.代码+详细注释3.使用到的全局hook代码4.使用方式5.效果展示总结前言Echarts图表在项目中经常用到,然而,重复编写初始化,更新,以及清除实例等动作对于开发人员来说是一种浪费时间和精力。因此,在这篇文章中,将封装一个“高......
  • echarts中Label标签与数据项颜色设置为同一种颜色
    echarts5中默认标签颜色不会跟数据项颜色保持一致,而是全都是黑色。想要实现label颜色和它的数据项颜色一致,需要手动继承颜色,设置label{color:'inherit'}即可解决label标签颜色与数据项颜色一致。  https://echarts.apache.org/examples/zh/editor.html?c=pie-simple注意:......
  • 邮件显示统计图表echarts-java+phantomjs实现
    邮件显示统计图表echarts-java+phantomjs实现项目背景是产品业务上的订阅推送,纯java后端实现,通过邮件将统计报表发送给用户。这里会涉及一些关键点:首先是统计图表的生成,我们采用常见的echarts,简单易用,支持图表类型丰富美观;java后端实现可使用echarts-java来实现图表的生成......
  • Echarts中的折线图,多个Y轴集中在左侧(在Vue中使用多个Y轴的折线图)
    简述:在ECharts中,创建一个带有多个Y轴的折线图,并且将这些Y轴都集中显示在图表的左侧,可以通过合理配置yAxis和series的属性来实现。简单记录一.函数代码drawCarNumEcs(){//初始化echarts图表,并绑定到id为"cfog_four"的DOM元素上varmyChart=this.$ec......
  • echarts 饼状图 富文本设置 drawChart2
    <template><divstyle="height:100%"><divstyle="display:flex;width:100%;height:100%;"><divstyle="flex:1;width:100%;height:100%;"><div:id="myChartId"style="......
  • cesium 添加 Echarts图层(航线图)
    cesium添加Echarts航线图(下面附有源码)1、实现思路1、在scene上面新增一个canvas画布2、通坐标转换,将经纬度坐标转为屏幕坐标来实现3、将ecarts中每个series数组中元素都加coordinateSystem:‘cesiumEcharts’2、示例代码<!DOCTYPEhtml><htmllang=......
  • Echarts5之广东map
    效果图Components<template><divid="bmap"ref="canvas"class="canvas":style="{width:'100%;',height:canHeight+'px'}"></div></template><scriptsetuplang="......
  • Vue整合echarts
    npm安装echartsnpminstallecharts-S安装好之后在<script>引入echartsimport*asechartsfrom'echarts'在template标签中引用<divid="main"style="width:100%;height:400px;">/div>在exportdefault中创建mounted页面元素渲染之后再触发完整V......
  • ECharts 快速入门
    ECharts是一个由百度开源的基于JavaScript的数据可视化图表库,它提供了丰富的图表类型、交互功能和主题样式,方便用户快速创建各种数据可视化图表,并在商业和开源项目中广泛应用。本文内容根据ECharts官方文档整理。下面将介绍如何使用ECharts创建最常用的几种图表......
  • cesium 添加 Echarts 图层(空气质量点图)
    cesium添加Echarts图层(下面附有源码)1、实现思路1、在scene上面新增一个canvas画布2、通坐标转换,将经纬度坐标转为屏幕坐标来实现3、将ecarts中每个series数组中元素都加coordinateSystem:‘cesiumEcharts’2、示例代码<!DOCTYPEhtml><htmllang="en"><hea......