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

【前端笔记】记录一个能优化Echarts Geo JSON大小的网站

前端在使用Echarts等可视化图表库会不可避免遇到的问题,渲染地图的数据太大。 而有那么一个网站能给予这个问题一个解决方案:链接在此

使用方法很简单,首先先进入网站,如果进入了会是这个页面:

在这里插入图片描述

接着,选择一个Geo JSON文件(或者页面上提示的所支持的文件都可)。选择完文件后成功的话会是这样:

在这里插入图片描述

我这个是拿的已经优化过的中国地图的Geo JSON数据,这里可以看到整整齐齐排列的34个方块,具体含义不需要知道太详细,只需要知道是代表着检测出来的区域数量(这里代表着这份地图数据有34个区域)

最后,点击右上角的导出按钮,就可以按照自己的需要导出数据:

在这里插入图片描述
如图,如果我们需要在Echarts中使用,可以选择最后2个导出并使用。
关于优化的大小,我拿已经优化过的数据举例,优化前:96KB —> 优化后:6KB(仅供参考)

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

相关文章:

  • 车与网络之间(V2N)简介
  • .Net Core WebAPI参数的传递方式
  • 10款免费黑科技软件,强烈推荐!
  • DFS:解决二叉树问题
  • 【相机开发问题总结】曝光补偿ExposureCompensation未生效异常分析及解决
  • Flutter 中的 DateRangePickerDialog 小部件:全面指南
  • MCS-51伪指令
  • vue3 vant4实现抖音短视频功能
  • C#结合JS实现HtmlTable动态添加行并保存到数据库
  • Unity Render Streaming 云渲染 外网访问
  • 美易官方:Copilot全面升级!
  • 深入了解FreeRTOS:实时操作系统的核心概念和应用
  • Spring框架学习笔记(五):JdbcTemplate 和 声明式事务
  • 考研计组chap1计算机系统概述
  • 如何使用Python中的生成器
  • C语言 读取 MIDI文件头部
  • C# Winform实现五子棋游戏(代完善)
  • 文档档案管理系统整体建设方案书(实际项目原件word2024)
  • React与Vue的区别?
  • leetcode 2115.从给定原材料中找到所有可以做出的菜
  • Opencompass模型评测教程
  • 什么是安全测试,如何进行安全测试?
  • ros的pcl库中对于自己定义的消息,调用pcl库时总是报错 c++
  • DataFrame—数据汇总6
  • Java入门基础学习笔记41——实体类
  • 【Linux】信号之信号的保存和处理详解
  • 基于Django的图书管理系统
  • js实现元素根据鼠标滚轮滚动向左右上下滑动着从模糊到清楚显示出来
  • yocto学习
  • 【IC设计】牛客网-序列检测习题总结