uniapp 地图分幅网格生成 小程序基于map组件

news2024/11/23 15:29:07
// 获取小数部分
const fractional = function(x) {
	x = Math.abs(x);
	return x - Math.floor(x);
}
const formatInt = function(x, len) {
	let result = '' + x;
	len = len - result.length;
	while (len > 0) {
		result = '0' + result;
		len--;
	}
	return result;
}

/**
 * 创建标准分幅网格
 * @param west,south,east,north 传入要创建的标准分幅网格的经纬度范围
 * @param scalem 表示比例尺的分母(例如 10000 表示 1:1万)
 * @returns 返回一个 geojson 对象
 */
export function makeStandardMapGrids(west, south, east, north, scalem) {
	let lngDiff = 0;
	let latDiff = 0;
	let scaleCode = '';
	switch (scalem) {
		case 1000000:
			lngDiff = 6;
			latDiff = 4;
			break;
		case 500000:
			lngDiff = 3;
			latDiff = 2;
			scaleCode = 'B';
			break;
		case 250000:
			lngDiff = 1.5;
			latDiff = 1;
			scaleCode = 'C';
			break;
		case 100000:
			lngDiff = 0.5;
			latDiff = 1 / 3;
			scaleCode = 'D';
			break;
		case 50000:
			lngDiff = 0.25;
			latDiff = 1 / 6;
			scaleCode = 'E';
			break;
		case 25000:
			lngDiff = 0.125;
			latDiff = 1 / 12;
			scaleCode = 'F';
			break;
		case 10000:
			lngDiff = 0.0625;
			latDiff = 1 / 24;
			scaleCode = 'G';
			break;
		case 5000:
			lngDiff = 0.03125;
			latDiff = 1 / 48;
			scaleCode = 'H';
		case 2000:
			lngDiff = 37.5 / 3600.0;
			latDiff = 25.0 / 3600.0;
			scaleCode = 'I';
			break;
		case 1000:
			lngDiff = 18.75 / 3600.0;
			latDiff = 12.5 / 3600.0;
			scaleCode = 'J';
			break;
		case 500:
			lngDiff = 9.375 / 3600.0;
			latDiff = 6.25 / 3600.0;
			scaleCode = 'K';
			break;
		default:
			return null;
	}
	const GridX0 = -180;
	const GridX1 = 180;
	const GridY0 = -88;
	const GridY1 = 88;
	let x0 = Math.max(GridX0, west);
	let y0 = Math.max(GridY0, south);
	let x1 = Math.min(GridX1, east);
	let y1 = Math.min(GridY1, north);
	if (((x1 - x0) < lngDiff) || ((y1 - y0) < latDiff)) {
		return null;
	}

	let features = []; // 存储生成的面要素
	let coordinates = [] // 存储生成的面要素坐标对
	// 计算标准分幅网格行列范围
	const col0 = parseInt((x0 - GridX0) / lngDiff);
	const col1 = parseInt((x1 - GridX0) / lngDiff);
	const row0 = parseInt((y0 - GridY0) / latDiff);
	const row1 = parseInt((y1 - GridY0) / latDiff);
	const millionRowCode = 'ABCDEFGHIJKLMNOPQRSTUV';
	for (let row = row0; row <= row1; row++) {
		let gy0 = GridY0 + row * latDiff;
		let gy1 = gy0 + latDiff;
		let gcy = (gy0 + gy1) * 0.5; // 分幅中心点 y 坐标
		let millionRow = parseInt((gy0 - 0) / 4); // 1:100分幅行号
		let Hemisphere = ''; // 北半球标志
		if (millionRow < 0) {
			millionRow = -1 - millionRow;
			Hemisphere = 'S'; // 南半球标志
		}
		for (let col = col0; col <= col1; col++) {
			let gx0 = GridX0 + col * lngDiff;
			let gx1 = gx0 + lngDiff;
			let gcx = (gx0 + gx1) * 0.5; // 分幅中心点 x 坐标
			let millionCol = parseInt((gcx - GridX0) / 6) + 1; // 1:100分幅列号(从1开始)
			coordinates = [
				[
					[gx0, gy0],
					[gx1, gy0],
					[gx1, gy1],
					[gx0, gy1],
					[gx0, gy0]
				]
			];
			millionCol = (millionCol < 10) ? ('0' + millionCol) : millionCol;
			let gridID = Hemisphere + millionRowCode[millionRow] + millionCol;
			if (scaleCode != '') {
				// 计算当前分幅在 1:100万 分幅内的行列号(注意,这里行列号从左向右,从北向南,从1开始编号)
				let colID = parseInt((fractional((gcx - GridX0) / 6) * 6) / lngDiff) + 1;
				let rowID = parseInt((fractional((GridY1 - gcy) / 4) * 4) / latDiff) + 1;
				gridID += scaleCode + formatInt(rowID, 3) + formatInt(colID, 3);
			}
			// 生成矢量要素(几何信息+属性信息)
			let feature = {
				type: "Feature",
				geometry: {
					type: "Polygon",
					coordinates: coordinates
				},
				properties: {
					ID: gridID,
					extend: '西:' + gx0 + ' 东:' + gx1 + ' 南:' + gy0 + ' 北:' + gy1,
					lat: gcy.toFixed(6),
					lng: gcx.toFixed(6)
				},
				location: {
					latitude: Number(gcy.toFixed(6)),
					longitude: Number(gcx.toFixed(6)),
				}
			};
			features.push(feature);
		}
	}
	return {
		type: "FeatureCollection",
		features: features
	};
}

 我国把 1:1 万、1:2.5 万、1:5 万、1:10 万、1:25 万、1:50 万、1:100 万 7 种比例尺作为国家基本地图的比例尺系列。根据国家标准GB/13989-92 《国家基本比例尺地形图分幅和编号》规定,我国基本比例尺地形图均1:100 万地形图为基础,按规定的经差和纬差划分图幅。下表为地形图的经纬差、行列数及图幅数。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1581565.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Mysql-数据库集群的搭建以及数据库的维护

一、数据库的维护 1.数据库的备份与恢复 1&#xff09;备份指定数据库 #mysqldump -u root -p zx > ./zx.dump 2&#xff09;备份所有库 #mysqldump -u root -p --all-databases > ./all.dump 3)恢复所有库 #mysql -u root -p < ./all.dump 4)恢复指定数据库 #mysq…

SqlServer快速导出数据库结构的方法

1、查询出所有的表 SELECT name, id From sysobjects WHERE xtype u ORDER BY name ASC 2、根据表名查询出表结构 select syscolumns.name as "列名", systypes.name as "数据类型", syscolumns.length as "数据长度", sys.extended_prope…

【数据结构】考研真题攻克与重点知识点剖析 - 第 7 篇:查找

前言 本文基础知识部分来自于b站&#xff1a;分享笔记的好人儿的思维导图与王道考研课程&#xff0c;感谢大佬的开源精神&#xff0c;习题来自老师划的重点以及考研真题。此前我尝试了完全使用Python或是结合大语言模型对考研真题进行数据清洗与可视化分析&#xff0c;本人技术…

Redis中的集群(三)

集群 槽指派 记录节点的槽指派信息。 clusterNode结构的slots属性和numslot属性记录了节点负责处理哪些槽: struct clusterNode { // ... unsigned char slots[16384/8];int numslots; // ... }slots属性是一个二进制位数组(bit array)&#xff0c;这个数组的长度位16384/8…

CLI的使用与IOS基本命令

1、实验目的 通过本实验可以掌握&#xff1a; CLI的各种工作模式个CLI各种编辑命令“?” 和【Tab】键使用方法IOS基本命令网络设备访问限制查看设备的相关信息 2、实验拓扑 CLI的使用与IOS基本命令使用拓扑如下图所示。 3、实验步骤 &#xff08;1&#xff09;CLI模式的切…

《前端面试题》- CSS - CSS选择器的优先级

行内样式1000 d选择器100 属性选择器、class或者伪类10 元素选择器&#xff0c;或者伪元素1 通配符0 参考网址&#xff1a;https://blog.csdn.net/jbj6568839z/article/details/113888600https://www.cnblogs.com/RenshuozZ/p/10327285.htmlhttps://www.cnblogs.com/zxjwlh/p/6…

【机器学习】一文掌握机器学习十大分类算法(上)。

十大分类算法 1、引言2、分类算法总结2.1 逻辑回归2.1.1 核心原理2.1.2 算法公式2.1.3 代码实例 2.2 决策树2.2.1 核心原理2.2. 代码实例 2.3 随机森林2.3.1 核心原理2.3.2 代码实例 2.4 支持向量机2.4.1 核心原理2.4.2 算法公式2.4.3 代码实例 2.5 朴素贝叶斯2.5.1 核心原理2.…

mybatis-plus与mybatis同时使用别名问题

在整合mybatis和mybatis-plus的时候发现一个小坑&#xff0c;单独使用mybatis&#xff0c;配置别名如下&#xff1a; #配置映射文件中指定的实体类的别名 mybatis.type-aliases-packagecom.jk.entity XML映射文件如下&#xff1a; <update id"update" paramete…

骑砍2霸主MOD开发(2)-基础开发环境搭建

一.骑砍2霸主程序架构 二.骑砍2霸主C#接口层代码查看 1.C#反编译工具dnspy下载: 2.骑砍2霸主游戏引擎接口查看: 例如IMBAgent interface接口: #调用TaleWorlds.Native.dll中的函数 [EngineMethod("get_movement_flags", false)] uint GetMovementFlags(UIntPtr agen…

MySQL高级(索引语法、创建索引、查看索引、删除索引)

创建索引 create [unique | fulltext] index index_name on table_name (index_col_name,...); 查看索引 show index from table_name; 删除索引 drop index index_name on table_name; 案例演示&#xff1a; 先来创建一张表 tb_user&#xff0c;并且查询测试数据。 cre…

OLAP在线实时 数据分析平台

随着业务的增长&#xff0c;精细化运营的提出&#xff0c;产品对数据部门提出了更高的要求&#xff0c;包括需要对实时数据进行查询分析&#xff0c;快速调整运营策略&#xff1b;对小部分人群做 AB 实验&#xff0c;验证新功能的有效性&#xff1b;减少数据查询时间&#xff0…

easyExcel - 动态复杂表头的编写

目录 前言一、情景介绍二、问题分析三、代码实现方式一&#xff1a;head 设置方式二&#xff1a;模板导出方式三&#xff1a;自定义工具类 前言 Java-easyExcel入门教程&#xff1a;https://blog.csdn.net/xhmico/article/details/134714025 之前有介绍过如何使用 easyExcel&…

Java基于微信小程序的日语学习小程序,附源码

博主介绍&#xff1a;✌程序员徐师兄、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;…

IMU状态预积分噪声模型

IMU状态预积分噪声模型 IMU状态预积分噪声模型旋转部分速度部分平移部分总结 IMU状态预积分噪声模型 根据之前的推导&#xff0c;得出了IMU状态预积分的测量模型&#xff0c;同时得到了噪声部分的定义公式&#xff0c;其中噪声部分罗列如下&#xff1a; 由于噪声项的定义比较复…

51单片机+TN901非接触式红外测温设计论文与源码PCB等资料

1、摘要 温度测量技术应用十分广泛&#xff0c;而且在现代设备故障检测领域中也是一项非常重要的技术。但在某些应用领域中&#xff0c;要求测量温度用的传感器不能与被测物体相接触&#xff0c;这就需要一种非接触的测温方式来满足上述测温需求。本论文正是应上述实际需求而设…

【2024】Rancher的安装与介绍

———————————————————————————— 记录一下rancher的学习与使用过程 本部分内容包括rancher的介绍、特点、与k8s关系和部署等内容 ———————————————————————————— Rancher是什么&#xff1f; 简单来说&#xff0c;Ranc…

RabbitMQ如何保证消息的幂等性???

在RabbitMQ中&#xff0c;保证消费者的幂等性主要依赖于业务设计和实现&#xff0c;而非RabbitMQ本身提供的一种直接功能。 在基于Spring Boot整合RabbitMQ的场景下&#xff0c;要保证消费者的幂等性&#xff0c;通常需要结合业务逻辑设计以及额外的技术手段来实现。以下是一个…

由近期 RAGFlow 的火爆看 RAG 的现状与未来

4 月 1 日&#xff0c;InfiniFlow &#xff08;英飞流&#xff09;的端到端 RAG 解决方案 RAGFlow 正式开源&#xff0c;首日即获得了 github 千星&#xff0c;目前已接近 3000 star。在这之前&#xff0c;InfiniFlow 还开源了专门用于 RAG 场景的 AI 原生数据库 Infinity&…

Emacs之实现复制当前已打开文件buffer(一百三十五)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a;多媒…

网络安全---非对称数据加密签名验证

一、课题描述 三位同学一组完成数据的非对称加密和数字签名验证传输。 三位同学分别扮演图中 Alice、Bob 和 CA 三个角色&#xff0c;Bob 和 Alice 从 CA 中获得数字证书、Bob 向 Alice 发送秘密发送一段加密并签名后的信息&#xff0c;Alice 获取 Bob 发送的加密信息&#x…