【前端笔记】记录一个能优化Echarts Geo JSON大小的网站
前端在使用Echarts等可视化图表库会不可避免遇到的问题，渲染地图的数据太大。 而有那么一个网站能给予这个问题一个解决方案：链接在此
使用方法很简单，首先先进入网站，如果进入了会是这个页面：
接着，选择一个Geo JSON文件（或者页面上提示的所支持的文件都可）。选择完文件后成功的话会是这样：
我这个是拿的已经优化过的中国地图的Geo JSON数据，这里可以看到整整齐齐排列的34个方块，具体含义不需要知道太详细，只需要知道是代表着检测出来的区域数量（这里代表着这份地图数据有34个区域）
最后，点击右上角的导出按钮，就可以按照自己的需要导出数据：
如图，如果我们需要在Echarts中使用，可以选择最后2个导出并使用。
关于优化的大小，我拿已经优化过的数据举例，优化前：96KB —> 优化后：6KB（仅供参考）
相关文章：
【前端笔记】记录一个能优化Echarts Geo JSON大小的网站
前端在使用Echarts等可视化图表库会不可避免遇到的问题，渲染地图的数据太大。 而有那么一个网站能给予这个问题一个解决方案：链接在此 使用方法很简单，首先先进入网站，如果进入了会是这个页面： 接着，选择一…...
车与网络之间（V2N）简介
车与网络之间（V2N）简介 一、定义与概述 V2N，全称为Vehicle-to-Network，是指车辆与网络之间的通信和连接技术。这种技术使得车辆能够与互联网进行无缝连接，进而实现导航、娱乐、防盗等多种应用功能。在智能交通系统领…...
.Net Core WebAPI参数的传递方式
Controller继承自ControllerBase，只不过增加了视图相关的方法，一般mvc项目选用Controller而Web API项目选择ControllerBase即可。 给服务器传递参数的时候，有URL、QueryString、请求报文体3种方式 请求路径/Student/GetAll/school/MIT/class…...
10款免费黑科技软件，强烈推荐！
1.AI视频生成——巨日禄 网页版https://aitools.jurilu.com/ "巨日禄 "是一款功能强大的文本视频生成器，可以快速将文本内容转换成极具吸引力的视频。操作简单，用户只需输入文字，选择喜欢的样式和模板， “巨日禄”就会…...
DFS：解决二叉树问题
文章目录 了解DFS1.计算布尔二叉树的值思路代码展示 2.求根节点到叶节点数字之和思路代码展示 3.二叉树剪枝思路代码展示 4.验证二叉搜索树思路分析代码展示 5.二叉搜索树中第k小元素思路：代码展示 6.二叉树的所有路径思路分析代码展示 总结 了解DFS 所谓DFS就是就…...
【相机开发问题总结】曝光补偿ExposureCompensation未生效异常分析及解决
问题描述 做一款相机应用时，用户反馈相机预览界面太暗了，由于我们是嵌入式设备，没有手机那么高大上得闪光灯补光，因此只能考虑从软件层面提高界面亮度，还好找到了曝光补偿，但是开发过程中发现曝光补偿未生…...
Flutter 中的 DateRangePickerDialog 小部件：全面指南
Flutter 中的 DateRangePickerDialog 小部件：全面指南 在 Flutter 应用开发中，日期和时间的选择是一项常见的用户交互需求。DateRangePickerDialog 是一个方便的小部件，它提供了一个对话框界面，允许用户选择日期范围。这个小部件…...
MCS-51伪指令
上篇我们讲了汇编指令格式，寻址方式和指令系统分类，这篇我们讲一下单片机伪指令。 伪指令是汇编程序中用于指示汇编程序如何对源程序进行汇编的指令。伪指令不同于指令，在汇编时并不翻译成机器代码，只是会汇编过程进行相应的控制…...
vue3 vant4实现抖音短视频功能
文章目录 1. 实现效果2. 精简版核心代码3. 完整功能点（本文章不写，只写核心代码） 1. 实现效果 2. 精简版核心代码 使用的 vue3 vant4组件使用van-swipe进行轮播图切换实现 <template><div :style"{width: width px,overflo…...
C#结合JS实现HtmlTable动态添加行并保存到数据库
目录 需求 效果视频演示 范例运行环境 准备数据源 数据表设计 UI及表结构Json配置 Json数据包提交配置 设计实现 前端UI Javascript 脚本 Jquery引用 C# 服务端操作 小结 需求 在 Web 应用项目中，实现一对多录入的数据管理功能是一项常见的应用。因此…...
Unity Render Streaming 云渲染 外网访问
初版： 日期：2024.5.20 前言：临时思路整理，后期会详细补充 环境： 1. 阿里云服务器 需要安装好nodejs 、npm 2. windows电脑，需安装好 nodejs 、npm 3.Unity 2021.3.15f1 4.Unity Render Streaming …...
美易官方：Copilot全面升级！
Copilot的全面升级，无疑在科技界掀起了一场革命性的浪潮！微软在一夜之间推出的这50余项AI更新，不仅彰显了其在人工智能领域的深厚底蕴，更是让全球用户见证了计算机理解人类能力的一次飞跃。 在微软2024年Build开发者大会的主题演…...
深入了解FreeRTOS：实时操作系统的核心概念和应用
前言： 在当今数字化世界中，嵌入式系统扮演着至关重要的角色，从工业自动化到智能设备，无所不在。而实时操作系统（RTOS）则是这些系统的核心引擎，它们负责管理任务、资源和时间，确保系统…...
Spring框架学习笔记（五）：JdbcTemplate 和 声明式事务
基本介绍：通过 Spring 框架可以配置数据源，从而完成对数据表的操作。JdbcTemplate 是 Spring 提供的访问数据库的技术。将 JDBC 的常用操作封装为模板方法 1 JdbcTemplate 使用前需进行如下配置 1.1 在maven项目的pom文件加入以下依赖 <dependencies…...
考研计组chap1计算机系统概述
目录 一、计算机发展历程(不考了) 二、计算机硬件的基本组成 3 1.五个部分 （1）输入设备 （2）控制器 （3）运算器 （4）（主）存储器 （5࿰…...
如何使用Python中的生成器
如何使用Python中的生成器 在Python中，生成器是一种特殊的迭代器，它允许你逐个地生成值，而不是一次性地计算并存储所有的值。这对于处理大量数据或者无限序列特别有用，因为它能够节省内存并提高效率。 生成器通常是通过以下两种…...
C语言 读取 MIDI文件头部
在C语言中直接读取MIDI文件并不简单，因为MIDI文件是一种包含音乐事件（如音符的开始和结束、控制信号等）的二进制格式，而不是像文本文件那样容易解析。不过，你可以通过以下步骤来实现： 了解MIDI文件格式&am…...
C# Winform实现五子棋游戏（代完善）
实现了基本的玩法。 BoardController.cs using System;namespace GomokuGame {public class BoardController{private static BoardController instance;private readonly int[,] board;private const int boardSize 15;private BoardController(){board new int[boardSize…...
文档档案管理系统整体建设方案书（实际项目原件word2024）
1.系统概述 1.1.需求描述 1.2.需求分析 1.3.重难点分析 1.4.重难点解决措施 2.系统架构设计 2.1.系统架构图 2.2.关键技术 数据备份技术 3.系统功能设计 3.1.功能清单列表 3.2.基础数据管理 3.3.位置管理 3.4.文档使用 3.5.文档管理 软件全套资料包获取方式①：软件项…...
React与Vue的区别？
一、区别: 1. 语法 Vue采用自己特有的模板语法； React是单向的，采用jsx语法创建react元素。 2.监听数据变化的实现原理不同 Vue2.0 通过Object.defineproperty()方法的getter/setter属性, 实现数据劫持, 每次修改完数据会触发diff算法(双端对比) …...
leetcode 2115.从给定原材料中找到所有可以做出的菜
思路：拓补排序，哈希表 在思路上其实很好发现，我们需要有一个明确的做菜顺序，也就是说需要定下来我们根据原材料先做哪些菜，然后做完该做的菜之后，后来又能做哪些菜。 你也发现了，这个顺序其实…...
Opencompass模型评测教程
模型评测 模型评测非常关键，目前主流的方法主要可以概括为主观评测和客观评测，主观评测又可以分为两种形式：人工判断或者和模型竞技场。客观评测一般采用评测数据集的形式进行模型评测。本教程使用Opencompass工具进行对Internlm2-7b模型进行…...
什么是安全测试，如何进行安全测试？
什么是安全测试？ 概述 安全测试是一种旨在识别系统、网络或应用程序中的安全漏洞的测试方法。其目标是确保系统能够抵御恶意攻击，保护数据的机密性、完整性和可用性。安全测试通常包括漏洞扫描、渗透测试、代码审计和安全评估等多个方面。 安全测试的…...
ros的pcl库中对于自己定义的消息，调用pcl库时总是报错 c++
首先定义自己的消息类型 struct CustomPoint { // 定义点类型结构PCL_ADD_POINT4D; // 该点类型有4个元素float intensity 0.0;uint32_t zone;uint32_t ring;uint32_t sector;EIGEN_MAKE_ALIGNED_OPERATOR_NEW // 确保new操作符对齐操作 } EIGEN_ALIGN16; // 强制SSE对齐POIN…...
DataFrame—数据汇总6
文章最前： 我是Octopus，这个名字来源于我的中文名--章鱼；我热爱编程、热爱算法、热爱开源。所有源码在我的个人github ；这博客是记录我学习的点点滴滴，如果您对 Python、Java、AI、算法有兴趣，可以关注我的…...
Java入门基础学习笔记41——实体类
实体JavaBean/实体类： 就是一种特殊形式的类。 1）这个类中的成员变量都要私有，并且要对外提供相应的getXXX，setXXX的方法。 2）类中必须要有一个公共的无参的构造器。其他的构造器可写可不写。 右键菜单中࿰…...
【Linux】信号之信号的保存和处理详解
🤖个人主页：晚风相伴-CSDN博客 💖如果觉得内容对你有帮助的话，还请给博主一键三连（点赞💜、收藏🧡、关注💚）吧 🙏如果内容有误或者有写的不好的地方的话&…...
基于Django的图书管理系统
文章目录 前言一、页面展示1.登录2.前端页面3.后端页面 二、项目上传（1）导入数据库（2）导入项目（3）数据库密码修改（4）进入网站 总结 前言 本网站调用Django编写了图书管理网站&#…...
js实现元素根据鼠标滚轮滚动向左右上下滑动着从模糊到清楚显示出来
html代码 <div ref{test} id"animatedElement" className"not-animated"> <div style{{width:"100px",height:"50px",backgroundColor:"red"}}> </div> </div> JS代码 const te…...
yocto学习
bitbake命令单独编译u-boot： $ bitbake -c compile -f u-boot-imx $ bitbake -c deploy -f u-boot-imx //部署编译生成的u-boot镜像到deploy bitbake命令单独编译kernel： bitbake -c compile -f linux-imx //编译内核 bitbake -c deploy -f linux-imx /…...