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

【天地图-点线面最全功能】天地图实现功能：回显、绘制、编辑、删除任意点线面

news 来源：原创 2025/9/11 12:20:37

实现效果图

在这里插入图片描述

实现功能

1. 回显点线面数据
2. 绘制点线面，保存可获取点线面数据
3. 编辑点线面，保存可获取最新编辑后的点线面数据
4. 删除任意点线面（解决删除按钮不能随元素位置变化（地图拖拽/放大缩小时）而变化问题->地图放大缩小拖动时处理删除按钮消失）

完整代码：

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>回显、绘制、编辑、删除任意点线面</title><script src="http://api.tianditu.gov.cn/api?v=4.0&amp;tk=应用KEY值"type="text/javascript"></script><style type="text/css">body,html {width: 100%;height: 100%;margin: 0;font-family: '微软雅黑';}#map {height: 400px;width: 100%;}input {margin-top: 10px;margin-left: 5px;font-size: 14px;}#contextMenu {position: absolute;background: white;border: 1px solid #ccc;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);z-index: 1000;display: none;}.context-menu-item {padding: 2px 12px;cursor: pointer;font-size: 14px;}.context-menu-item:hover {background: #f0f0f0;}</style><script>var map, zoom = 10, handler;let isEdit = false; // 是否启用编辑// 右键菜单相关变量let contextMenu = null;let currentFeature = null; // 当前右键点击的元素let currentIndex = -1;     // 当前元素的索引let featureType = '';      // 元素类型：point/line/polygonlet viewChangeHandler = null;// 地图视图变化监听器// 点数据let pointOriginalArr = [[120.2536, 30.27093]]// 线数据let lineOriginalArr = [[[119.86084, 30.41702],[119.96796, 30.47353],[119.98718, 30.36758],],[[119.91714, 30.1855],[120.10666, 30.27923],]]// 面数据let polygonOriginalArr = [[[119.5752, 30.35392],[119.72488, 30.35273],[119.65347, 30.26025],],[[120.49118, 30.29109],[120.70541, 30.30532],[120.50629, 30.20211],[120.69855, 30.22703]]]function onLoad () {// 创建右键菜单createContextMenu();//初始化地图对象map = new T.Map("map");//设置显示地图的中心点和级别map.centerAndZoom(new T.LngLat(120.216329, 30.252589), zoom);// 绑定地图点击事件隐藏菜单map.addEventListener('click', hideContextMenu);// 地图视图变化监听viewChangeHandler = function () {if (currentFeature) {updateMenuPosition();}};map.addEventListener('movestart', hideContextMenu);map.addEventListener('moveend', viewChangeHandler);map.addEventListener('zoomend', viewChangeHandler);// 初始显示showPoint()showPolyLine()showPolygon()}// 位置更新function updateMenuPosition () {if (!currentFeature) return;let centerLngLat;switch (featureType) {case 'point':centerLngLat = currentFeature.getLngLat();break;case 'line':const lineLnglats = currentFeature.getLngLats();centerLngLat = getCenter(lineLnglats);break;case 'polygon':const polygonRings = currentFeature.getLngLats();centerLngLat = getCenter(polygonRings[0]);break;}const containerPoint = map.lngLatToContainerPoint(centerLngLat);const mapRect = map.getContainer().getBoundingClientRect();contextMenu.style.left = (containerPoint.x + mapRect.left) + 'px';contextMenu.style.top = (containerPoint.y + mapRect.top) + 'px';}// 几何中心计算方法function getCenter (lnglats) {// 确保有效的坐标数组if (!lnglats || lnglats.length === 0) return null;// 计算所有坐标点的平均值const sum = lnglats.reduce((acc, curr) => {// 处理不同格式的坐标（支持T.LngLat对象和普通数组）const lng = curr instanceof T.LngLat ? curr.lng : curr[0];const lat = curr instanceof T.LngLat ? curr.lat : curr[1];return {lng: acc.lng + lng,lat: acc.lat + lat};}, { lng: 0, lat: 0 });// 返回新的T.LngLat对象return new T.LngLat(sum.lng / lnglats.length,sum.lat / lnglats.length);}// 创建右键菜单function createContextMenu () {contextMenu = document.createElement('div');contextMenu.id = 'contextMenu';contextMenu.innerHTML = `<div class="context-menu-item" onclick="deleteFeature()">删除</div>`;document.body.appendChild(contextMenu);}// 显示右键菜单function showContextMenu (e, feature, index, type) {// 获取天地图事件中的原生事件对象const originalEvent = e.originalEvent || e.event || e;if (originalEvent.preventDefault) {originalEvent.preventDefault();}currentFeature = feature;currentIndex = index;featureType = type;updateMenuPosition(); // 初始定位contextMenu.style.display = 'block';// 使用原生事件的坐标，定位菜单项contextMenu.style.left = originalEvent.clientX + 'px';contextMenu.style.top = originalEvent.clientY + 'px';}// 隐藏右键菜单function hideContextMenu () {contextMenu.style.display = 'none';currentFeature = null;currentIndex = -1;featureType = '';}// 删除要素function deleteFeature () {if (currentIndex === -1) return;switch (featureType) {case 'point':pointOriginalArr.splice(currentIndex, 1);break;case 'line':lineOriginalArr.splice(currentIndex, 1);break;case 'polygon':polygonOriginalArr.splice(currentIndex, 1);break;}refreshMap();hideContextMenu();}// 刷新地图function refreshMap () {map.clearOverLays();showPoint();showPolyLine();showPolygon();}// 显示点function showPoint () {let pointArr = [];pointOriginalArr.forEach((item, index) => {let arr = []arr.push(new T.LngLat(item[0], item[1]))pointArr.push(arr);})pointArr.forEach((item, index) => {var marker = new T.Marker(item[0], {icon: new T.Icon({iconUrl: './imgs/marker-icon.png',}),});map.addOverLay(marker);// 右键菜单事件绑定（添加event参数传递）marker.addEventListener('contextmenu', function (apiEvent) {showContextMenu(apiEvent, marker, index, 'point');});if (!isEdit) return;marker.enableDragging();marker.addEventListener('dragend', function (e) {updatePointOriginalList([e.lnglat.lng, e.lnglat.lat], index)})})}// 更新点的数据，用于最后保存function updatePointOriginalList (arr, index) {pointOriginalArr[index] = arr}// 显示线function showPolyLine () {let lineArr = []lineOriginalArr.forEach((item, index) => {let arr = []item.forEach((item1) => {arr.push(new T.LngLat(item1[0], item1[1]))})lineArr.push(arr)})lineArr.forEach((item, index) => {var line = new T.Polyline(item);map.addOverLay(line);// 右键菜单事件绑定（添加event参数传递）line.addEventListener('contextmenu', function (apiEvent) {showContextMenu(apiEvent, line, index, 'line');});if (!isEdit) returnline.enableEdit();line.addEventListener('edit', function (e) {const ht = line.getLngLats()let arr = []ht.forEach((item) => {arr.push([item.lng, item.lat])})updateLineOriginalList(arr, index)})})}// 更新线的数据，用于最后保存function updateLineOriginalList (arr, index) {lineOriginalArr[index] = arr}// 显示面function showPolygon () {let polygonArr = []polygonOriginalArr.forEach((item, index) => {let arr = []item.forEach((item1) => {arr.push(new T.LngLat(item1[0], item1[1]))})polygonArr.push(arr)})polygonArr.forEach((item, index) => {var polygon = new T.Polygon(item);map.addOverLay(polygon);// 右键菜单事件绑定（添加event参数传递）polygon.addEventListener('contextmenu', function (apiEvent) {showContextMenu(apiEvent, polygon, index, 'polygon');});if (!isEdit) returnpolygon.enableEdit();polygon.addEventListener('edit', function (e) {const ht = polygon.getLngLats()[0]let arr = []ht.forEach((item) => {arr.push([item.lng, item.lat])})updatePolygonOriginalList(arr, index)})})}// 更新面的数据，用于最后保存function updatePolygonOriginalList (arr, index) {polygonOriginalArr[index] = arr}// 打点function openMarkerTool () {if (handler) handler.close();handler = new T.MarkTool(map, {follow: true,icon: new T.Icon({iconUrl: './imgs/marker-icon.png',// iconSize: new T.Point(24, 28), // 图标可视区域的大小}),});handler.open();handler.addEventListener('mouseup', function (e) {// 这里可以获取到当前点位的坐标pointOriginalArr.push([e.currentLnglat.lng, e.currentLnglat.lat])// 重新绘制地图，否则编辑不了refreshMap();handler.clear()})}// 画线function openPolylineTool () {if (handler) handler.close();handler = new T.PolylineTool(map);handler.open();handler.addEventListener('draw', function (e) {const currentLnglats = e.currentLnglatslet arr = []currentLnglats.forEach((item, index) => {arr.push([item.lng, item.lat])})lineOriginalArr.push(arr)// 重新绘制地图，否则编辑不了refreshMap();handler.clear()})}// 画面function openPolygonTool () {if (handler) handler.close();handler = new T.PolygonTool(map);handler.open();handler.addEventListener('draw', function (e) {const currentLnglats = e.currentLnglatslet arr = []currentLnglats.forEach((item, index) => {arr.push([item.lng, item.lat])})polygonOriginalArr.push(arr)// 重新绘制地图，否则编辑不了refreshMap();handler.clear()})}// 开启编辑function editClick () {isEdit = truemap.clearOverLays()showPoint()showPolyLine()showPolygon()}// 保存function saveClick () {console.log("点数据：", pointOriginalArr); // 两层结构：大数组中，包含点的小数组console.log("线数据：", lineOriginalArr); // 三层结构：大数组中包含线的数组，线的数组中包含经纬度小数组console.log("面数据：", polygonOriginalArr); // 三层结构：大数组中包含面的数组，面的数组中包含经纬小数组isEdit = falsemap.clearOverLays()showPoint()showPolyLine()showPolygon()}// 清空画布function clearClick () {isEdit = falsemap.clearOverLays()pointOriginalArr = []lineOriginalArr = []polygonOriginalArr = []}</script>
</head><body onLoad="onLoad()"><div id="map"></div><div class="line-btn"><input type="button" value="点工具" onClick="openMarkerTool() " /><input type="button" value="线工具" onClick="openPolylineTool() " /><input type="button" value="面工具" onClick="openPolygonTool() " /><input type="button" value="编辑" onClick="editClick() " /><input type="button" value="保存" onClick="saveClick() " /><input type="button" value="清除" onClick="clearClick() " /></div>
</body></html>

复制上面代码，替换应用KEY值即可看到功能效果。

【天地图-点线面最全功能】天地图实现功能：回显、绘制、编辑、删除任意点线面

实现效果图实现功能 1. 回显点线面数据 2. 绘制点线面，保存可获取点线面数据 3. 编辑点线面，保存可获取最新编辑后的点线面数据 4. 删除任意点线面（解决删除按钮不能随元素位置变化（地图拖拽/放大缩小时）而变化问题-&…...

编程日记 2025/9/11 12:20:37

003 SpringBoot集成Kafka操作

4.SpringBoot集成Kafka 文章目录 4.SpringBoot集成Kafka1.入门示例2.yml完整配置3.关键配置注释说明1. 生产者优化参数2. 消费者可靠性配置3. 监听器高级特性4. 安全认证配置 4.配置验证方法5.不同场景配置模板场景1：高吞吐日志收集场景2：金融级事务消息…...

编程日记 2025/9/8 20:35:16

【工具篇】【深度解析：2025 AI视频工具的全面指南】

随着人工智能技术的飞速发展，AI视频工具已经成为内容创作者、营销人员、教育工作者以及普通用户的得力助手。这些工具不仅简化了视频制作流程，还提供了前所未有的创意可能性。本文将详细介绍各类AI视频工具，帮助你找到最适合自己需求的工具。 1. 文生视频工具智谱清影：这…...

编程日记 2025/9/7 15:57:06

前端面试真题 2025最新版

文章目录写在前文CSS怪异盒模型JS闭包闭包的形成闭包注意点 CSS选择器及优先级优先级说说flex布局及相关属性Flex 容器相关属性：Flex 项目相关属性响应式布局如何实现是否用过tailwindcss，有哪些好处好处缺点说说对象的 prototype属性及原型说说 pro…...

编程日记 2025/9/11 12:20:37

数据结构课程设计(java实现）---九宫格游戏,也称幻方

【问题描述】九宫格，一款数字游戏，起源于河图洛书，与洛书是中国古代流传下来的两幅神秘图案，历来被认为是河洛文化的滥觞，中华文明的源头，被誉为"宇宙魔方"。九宫格游戏对人们的思维锻炼有着极大…...

编程日记 2025/9/7 0:16:10

一文掌握Charles抓包工具的详细使用

Charles是一款强大的HTTP代理/HTTP监视器/反向代理工具，广泛用于开发和测试网络应用程序。在爬虫开发中，Charles可以帮助开发者拦截、查看和修改HTTP/HTTPS请求和响应，从而更好地理解网络通信过程，分析和调试爬虫程序。本文将详细介绍Charles的安装、配置、基本使用方法以及…...

编程日记 2025/9/11 12:19:54

Ollama下载安装+本地部署DeepSeek+UI可视化+搭建个人知识库——详解！（Windows版本）

目录 1️⃣下载和安装Ollama 1. 🥇官网下载安装包 2. 🥈安装Ollama 3.🥉配置Ollama环境变量 4、🎉验证Ollama 2️⃣本地部署DeepSeek 1. 选择模型并下载 2. 验证和使用DeepSeek 3️⃣使用可视化工具 1. Chrome插件-Page …...

编程日记 2025/9/11 12:17:35

Rk3568驱动开发_点亮led灯(手动挡)_5

1.MMU简介完成虚拟空间到物理空间的映射内存保护设立存储器的访问权限，设置虚拟存储空间的缓冲特性 stm32点灯可以直接操作寄存器，但是linux点灯不能直接访问寄存器，linux会使能mmu linux中操作的都是虚拟地址，要想访问物理地…...

编程日记 2025/9/11 12:17:49

【服务治理中间件】consul介绍和基本原理

目录一、CAP定理二、服务注册中心产品比较三、Consul概述 3.1 什么是Consul 3.2 Consul架构 3.3 Consul的使用场景 3.4 Consul健康检查四、部署consul集群 4.1 服务器部署规划 4.2 下载解压 4.3 启动consul 五、服务注册到consul 一、CAP定理 CAP定理&#xff…...

编程日记 2025/9/11 12:17:50

Docker下ARM64架构的源码编译Qt5.15.1,并移植到开发板上

Docker下ARM64架构的源码编译Qt5.15.1,并移植到开发板上 1、环境介绍 QT版本：5.15.1 待移植环境： jetson nano 系列开发板 aarch64架构（arm64） 编译环境： 虚拟机Ubuntu18.04（x86_64） 2、…...

编程日记 2025/9/6 11:56:35

对话Stack Overflow，OceanBase CTO 杨传辉谈分布式数据库的“前世今生”

近日， OceanBase CTO 杨传辉受邀出席全球知名开发者论坛 Stack Overflow 的最新一期播客节目，与 Stack Overflow 高级内容创作官 Ryan Donovan 展开对话。双方围绕分布式数据库的可靠性、一致性保障、HTAP 架构以及 AI 时代分布式数据库的发展趋势等热点…...

编程日记 2025/9/7 3:41:29

ds回答-开源llm应用开发平台

以下是几个著名的开源 LLM 应用开发平台，涵盖不同场景和技术特点： 1. Dify 特点：低代码 / 无代码开发、支持 RAG 检索、Agent 智能体、模型管理、LLMOps 全流程优化。核心功能：可视化工作流编排、数百种模型兼容（如 GP…...

编程日记 2025/9/5 18:44:17

C++ Qt常见面试题（4）：Qt事件过滤器

在 Qt 中，事件过滤器（Event Filter）提供了一种机制，可以拦截并处理对象的事件（如鼠标事件、键盘事件等），在事件到达目标对象之前对其进行预处理。事件过滤器通常用于以下场景：捕获和处理特定的事件（如鼠标点击、按键等）；对事件进行筛选或修改；实现全局的事件监听功…...

编程日记 2025/9/6 21:00:46

CF 109A.Lucky Sum of Digits(Java实现)

题目分析给定一个值，判断这个值能否被4和7组成，如果能就输出最小的组合。不能就输出-1。思路分析由于是最小组合，即判断4能最多有多少个。但是如果一个值能完全被7整除，那就不需要4了，只用7组合的话位数会更短。(例…...

编程日记 2025/9/8 1:12:40

计算机毕业设计Python+DeepSeek-R1大模型游戏推荐系统 Steam游戏推荐系统游戏可视化游戏数据分析(源码+文档+PPT+讲解)

温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 作者简介：Java领…...

编程日记 2025/9/7 18:57:11

生鲜行业智能化供应链解决方案技术白皮书

行业痛点与技术挑战损耗控制难题行业平均损耗率达18%-25%，需构建动态定价模型与智能分拣系统冷链管理复杂度全程温控数据采集点超过23个/车次，异常响应延迟需压缩至90秒内供需预测偏差传统模式预测准确率不足65%，亟需AI驱动需求预测体…...

编程日记 2025/9/10 19:33:45

《每天搞懂一道Hard》之数独终结者（LeetCode 37）

📌《每天搞懂一道Hard》之数独终结者（LeetCode 37） 🔗原题链接：https://leetcode.com/problems/sudoku-solver/ 今天我们来解剖一个经典回溯算法问题——数独求解器！这道题在算法面试中出现频率高达35%&a…...

编程日记 2025/9/7 1:08:46

论文笔记-NeurIPS2017-DropoutNet

论文笔记-NeurIPS2017-DropoutNet: Addressing Cold Start in Recommender Systems DropoutNet：解决推荐系统中的冷启动问题摘要1.引言2.前言3.方法3.1模型架构3.2冷启动训练3.3推荐 4.实验4.1实验设置4.2在CiteULike上的实验结果4.2.1 Dropout率的影响4.2.2 实验结…...

编程日记 2025/9/9 6:10:21

【后端开发面试题】每日 3 题（四）

✍个人博客：Pandaconda-CSDN博客 📣专栏地址：https://blog.csdn.net/newin2020/category_12903849.html 📚专栏简介：在这个专栏中，我将会分享后端开发面试中常见的面试题给大家~ ❤️如果有收获的话&#x…...

编程日记 2025/9/8 17:22:07

使用AoT让.NetFramework4.7.2程序调用.Net8编写的库

1、创建.Net8的库，双击解决方案中的项目，修改如下，启用AoT： <Project Sdk"Microsoft.NET.Sdk"><PropertyGroup><OutputType>Library</OutputType><PublishAot>true</PublishAot>&…...

编程日记 2025/9/9 20:43:50

c++中的静态多态和动态多态简介

在 C 中，多态性（Polymorphism） 分为静态多态（Static Polymorphism） 和动态多态（Dynamic Polymorphism），二者通过不同的机制实现代码的灵活性。以下是详细对比和核心要点&#xff1…...

编程日记 2025/9/10 7:55:52

FastExcel与Reactor响应式编程深度集成技术解析

一、技术融合背景与核心价值在2025年企业级应用开发中，大规模异步Excel处理与响应式系统架构的结合已成为技术刚需。FastExcel与Reactor的整合方案，通过以下技术协同实现突破性性能： 内存效率革命：FastExcel的流式字节操作与Re…...

编程日记 2025/9/1 0:20:14

【MySQL篇】数据类型

目录前言： 1，数据类型的分类编辑 2 ，数值类型 2.1 tinyint类型 2.2 bit类型 2.3 小数类型 2.3.1 float类型 2.3.2 decimal类型 3，字符串类型 3.1 char 3.2 varchar 3.3 char与varchar的比较 3.4日期和时间类型 3.5 …...

编程日记 2025/9/10 22:12:51

haclon固定相机位标定

什么是标定？ 工业应用中相机拍到一个mark点的坐标为C1（Cx,Cy），C1点对应的龙门架/机械手等执行端对应的坐标是多少？ 标定就是解决这个问题，如相机拍到一个点坐标C1（Cx,Cy）&#xff0c…...

编程日记 2025/9/9 16:47:15

Token相关设计

文章目录 1. 双Token 机制概述1.1 访问令牌（Access Token）1.2 刷新令牌（Refresh Token） 2. 双Token 认证流程3. Spring Boot 具体实现3.1 生成 Token（使用 JWT）3.2 解析 Token3.3 登录接口（返回…...

编程日记 2025/9/7 10:06:48

vue3:四嵌套路由的实现

一、前言 1、嵌套路由的含义嵌套路由的核心思想是：在某个路由的组件内部，可以定义子路由，这些子路由会渲染在父路由组件的特定位置（通常是 <router-view> 标签所在的位置）。通过嵌套路由，你可以实…...

编程日记 2025/9/7 8:19:21

在 Element Plus 的＜el-select＞组件中，如果需要将＜el-option＞的默认值设置为 null。用于枚举传值

文章目录引言轻松实现 `<el-option>` 的默认值为 `null`I 实现方式监听清空事件【推荐】使用 v-model 绑定 null添加一个值为 null 的选项处理 null 值的显示引言背景：接口签名规则要求空串参与，空对象不参与签名计算 // 空字符串“” 参与签名组串，null不参与签…...

编程日记 2025/9/7 1:39:37

List（3）

前言上一节我们讲解了list主要接口的模拟实现，本节也是list的最后一节，我们会对list的模拟实现进行收尾，并且讲解list中的迭代器失效的情况，那么废话不多说，我们正式进入今天的学习 list的迭代器失效之前在讲解vec…...

编程日记 2025/9/6 18:58:15

算法-二叉树篇23-二叉搜索树中的插入操作

二叉搜索树中的插入操作力扣题目链接题目描述给定二叉搜索树（BST）的根节点 root 和要插入树中的值 value ，将值插入二叉搜索树。返回插入后二叉搜索树的根节点。输入数据保证 ，新值和原始二叉搜索树中的任意节点值都不同…...

编程日记 2025/9/7 1:39:37

React底层常见的设计模式

在React中，常见的设计模式为开发者提供了结构化和可重用的解决方案，有助于提高代码的可维护性和可扩展性。以下是对React中几种常见设计模式的详细解析，并附上示例代码和注释： 1. 容器组件与展示组件模式（Container/P…...

编程日记 2025/9/11 8:29:09

【PHP脚本语言详解】为什么直接访问PHP文件会显示空白？从错误示例到正确执行！

前言作为一名开发者，你是否曾经遇到过这样的问题：写了一个PHP脚本，放到服务器根目录后，直接通过file:///路径访问却显示空白页面？而换成http://localhost却能正常显示？这篇文章将带你深入理解PHP脚本语言…...

编程日记 2025/9/9 11:51:40

小程序性能优化-预加载

在微信小程序中，数据预加载是提升用户体验的重要优化手段。以下是处理数据预加载的完整方案： 一、预加载的适用场景跳转页面前的数据准备如从列表页进入详情页前，提前加载详情数据首屏加载后的空闲时间在首页加载完成后，预加载…...

编程日记 2025/9/8 0:37:55

Docker 数据卷管理及优化

Docker 数据卷是一个可供容器使用的特殊目录，它绕过了容器的文件系统，直接将数据存储在宿主机上。通过数据卷，可以实现数据的持久化、共享以及独立于容器生命周期的管理。 1.1 为什么要用数据卷 Docker 分层文件系统的特点性能差&#xff…...

编程日记 2025/9/10 6:44:59

MySQL实现文档全文搜索，分词匹配多段落重排展示，知识库搜索原理分享

一、背景在文档搜索场景中，高效精准的搜索功能至关重要，能提升检索效率，为用户提供精准、快速的信息获取体验，提高工作效率。在文档管理系统里，全文搜索是非常重要的功能之一。随着文档数量增长，如何快速…...

编程日记 2025/9/10 18:09:05

C#内置委托(Action)(Func)

概述在 C# 中，委托是一种类型，它表示对具有特定参数列表和返回类型的方法的引用。C# 提供了一些内置委托，使得开发者可以更方便地使用委托功能，无需手动定义委托类型。本文将详细介绍 Action 和 Func 这两个常用的内置委托。 A…...

编程日记 2025/9/8 4:19:12

OpenCV计算摄影学（3)CUDA 图像去噪函数fastNlMeansDenoising()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述使用非局部均值去噪算法（Non-local Means Denoising algorithm）执行图像去噪，该算法来源于 http://www.ipol.…...

编程日记 2025/9/6 1:39:01

Kafka生产者相关

windows中kafka集群部署示例-CSDN博客先启动集群或者单机也OK 引入依赖 <dependency><groupId>org.apache.kafka</groupId><artifactId>kafka-clients</artifactId><version>3.9.0</version></dependency>关于主题创建理论…...

编程日记 2025/9/9 0:29:11

【容器化】低版本docker拉取ubuntn 22.04镜像启动容器执行apt update提示 NO_PUBKEY 871920D1991BC93C

前置信息宿主机信息 [root@localhost ~]# cat /etc/os-release NAME="CentOS Linux" VERSION="7 (Core)" ID="centos" ID_LIKE="rhel fedora" VERSION_ID="7" PRETTY_NAME="CentOS Linux 7 (Core)" ANSI_COLOR…...

编程日记 2025/9/11 1:25:29

如何流畅访问github

1.传输数据原理本地计算机通过本地网接入运营骨干网，经过DNS域名解析，将输入的字符解析为要连接的真实IP地址，服务器返还一个数据包(github)给计算机 2.原因 DNS域名污染-DNS解析出现问题，导致访问一个不存在的服务器 3.解决…...

编程日记 2025/8/16 12:16:01

一、路由添加 1、官网地址带参数的动态路由匹配 | Vue Routerhttps://router.vuejs.org/zh/guide/essentials/dynamic-matching.html 2、复制核心语句 { path: /:pathMatch(.*)*, name: NotFound, component: NotFound } 3、粘贴到路由index.js中 4、建立页面在view文件夹…...

编程日记 2025/8/19 22:04:23

纯c#字体处理库（FontParser） -- 轻量、极速、跨平台、具有字体子集化功能

关于字体库与 FontParser 的开发历程　　字体库是用于处理和渲染字体的软件工具，其功能通常涵盖字体文件的加载、解析、字形渲染和文本布局等核心模块。在众多字体库中，FreeType 是被广泛应用且极具影响力的开源项目，已成为事实上的行业标准…...

编程日记 2025/9/6 19:47:50

云和恩墨亮相PolarDB开发者大会，与阿里云深化数据库服务合作

2025年2月26日，备受瞩目的阿里云PolarDB开发者大会于北京嘉瑞文化中心盛大举行，众多行业精英齐聚一堂，共襄技术盛会。云和恩墨作为阿里云重要的生态合作伙伴受邀参会。云和恩墨联合创始人兼技术研究院总经理杨廷琨与阿里云智能数据库产品事业…...

编程日记 2025/9/9 0:16:16

【通俗讲解电子电路】——从零开始理解生活中的电路(二)

电路分析：看懂简单的“电路图” ——从“路线图”到“工具箱”，掌握电路的底层逻辑 1. 欧姆定律：电的“交通规则” 公式解析：V I R 电压（V）：推动电流的动力（如电池电压&#xff…...

编程日记 2025/9/6 13:27:33

Spring DIIoC

一.IoC 1.简介什么是IoC？IoC，全称 Inversion of Control，控制反转。IoC是Spring的核心思想，Spring是⼀个“控制反转”的容器。如果我们需要一个对象，正常来说我们是通过new一个对象，这个时候我们依赖的…...

编程日记 2025/9/6 1:39:03

基于javaweb的SSM+Maven幼儿园管理系统设计和实现(源码+文档+部署讲解）

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。主要内容：免费功能设计、开题报告、任务书、中期检查PPT、系统功能实现、代码编写、论文编写和辅导、论…...

编程日记 2025/9/5 1:06:15

C++22——哈希

目录 1.unordered_map的文档介绍 2.unordered_set的文档介绍 3.底层结构 3.1哈希的概念 3.2哈希冲突 3.3哈希函数 3.4哈希冲突解决 3.4.1闭散列 3.4.2开散列 1.unordered_map的文档介绍 unordered_map在线文档说明 unordered_map是存储<key，value>键值…...

编程日记 2025/9/10 0:16:08

使用Spring Boot与达梦数据库(DM)进行多数据源配置及MyBatis Plus集成

使用Spring Boot与达梦数据库(DM)进行多数据源配置及MyBatis Plus集成在现代企业级应用开发中，处理多个数据源是一个常见的需求。本文将详细介绍如何使用Spring Boot结合达梦数据库（DM），并通过MyBatis Plus来简化数据库操作&…...

编程日记 2025/9/10 1:00:32

Servlet简介

Servlet是sun公司提供的一门用于开发动态web资源的技术。 Sun公司在其API中提供了一个servlet接口，用户若想用发一个动态web资源(即开发一个Java程序向浏览器输出数据)，需要完成以下2个步骤： 编写一个Java类，实现servlet接口。 …...

编程日记 2025/9/5 14:46:10

智能合约安全 | 合约无效化攻击

目录： 智能合约安全合约无效化攻击合约自毁函数 selfdestruct 攻击实现漏洞防御总结智能合约安全合约无效化攻击合约无效化攻击类同于web安全中的逻辑漏洞中的一种我们这里拿一个典型的例子来讲解有这样一份智能合约, 每个人可以向其中发送1 eth 第七个…...

编程日记 2025/9/10 11:39:01

20250226-代码笔记05-class CVRP_Decoder

文章目录前言一、class CVRP_Decoder(nn.Module):__init__(self, **model_params)函数功能函数代码二、class CVRP_Decoder(nn.Module):set_kv(self, encoded_nodes)函数功能函数代码三、class CVRP_Decoder(nn.Module):set_q1(self, encoded_q1)函数功能函数代码四、class…...

编程日记 2025/9/10 13:44:09

实现效果图

实现功能

完整代码：

相关文章：