247：vue+openlayers 根据坐标显示多边形（3857投影），计算出最大幅宽

在这里插入图片描述

第247个

点击查看专栏目录


本示例是演示如何在vue+openlayers项目中根据坐标显示多边形（3857投影），计算出最大幅宽。这里先通过Polygon来显示出多边形，利用getExtent() 获取3857坐标下的最大最小x，y值，通过ransformExtent转换坐标为4326， 通过turf的turf.distance和计算距离。 距离赤道越近，幅宽会越大一些，这里面利用了Math.abs来做绝对值的判断处理。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

文章目录

      • 示例效果
      • 配置方式
      • 安装turf
      • 示例源代码（共140行）
      • 相关API参考：
      • 专栏目标

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

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

5、鸿蒙项目远程调试

5、鸿蒙项目远程调试

一、注册华为账号， 如果是华为手机，并注册了账号可能跳过此步骤，如果使用邮箱注册，此邮箱一定是要正确的邮箱，此处需要使用邮箱获取验证码 注册地址：‎ 1、进入注册页面，输入手机号等信息后点…
阅读更多...
系列二、类装载器ClassLoader

系列二、类装载器ClassLoader

一、能干嘛 1.1、方法区 存放类的描述信息的地方。 1.2、JVM中的类装载器 1.3、获取ClassLoader的方式 /*** Author : 一叶浮萍归大海* Date: 2023/11/16 0:08* Description: 获取类的加载器的方式*/ public class ClassLoaderMainApp {public static void main(String[] arg…
阅读更多...
Android 10.0 framework层设置后台运行app进程最大数功能实现

Android 10.0 framework层设置后台运行app进程最大数功能实现

1. 前言 在10.0的定制开发中，在系统中，对于后台运行的app过多的时候，会比较耗内存，导致系统运行有可能会卡顿，所以在系统优化的 过程中，会限制后台app进程运行的数量，来保证系统流畅不影响体验，所以需要分析下系统中关于限制app进程的相关源码来实现 功能 2.framewo…
阅读更多...
VIVADO+FPGA调试记录

VIVADO+FPGA调试记录

vivadoFPGA调试记录 vitis编译vivado导出的硬件平台，提示xxxx.h file cant find vitis编译vivado导出的硬件平台，提示’xxxx.h file cant find’ 此硬件平台中，包含有AXI接口类型的ip。在vitis编译硬件平台时，经常会报错&#xf…
阅读更多...
贪吃蛇小游戏

贪吃蛇小游戏

一. 准备工作 首先获取贪吃蛇小游戏所需要的头部、身体、食物以及贪吃蛇标题等图片。、 然后，创建贪吃蛇游戏的Java项目命名为snake_game，并在这个项目里创建一个文件夹命名为images，将图片素材导入文件夹。 再在src文件下创建两个包&#…
阅读更多...
JavaWeb-HTML

JavaWeb-HTML

​ 一、什么是HTML HTML是hypertext markup language（超文本标记语言）的缩写。HTML文件本质上是文本文件，普通的文本文件只能显示字符，而HTML文件可以在浏览器上显示更丰富的信息（如图片等）。 超文本&am…
阅读更多...
python链表_递归求和_递归求最大小值

python链表_递归求和_递归求最大小值

创建一个单链表： class LinkNode: #设置属性def __init__(self,data None):self.data dataself.next None class LinkList: #设置头结点def __init__(self):self.head LinkNode()self.head.next Nonedef CreateListR(self,a): …
阅读更多...
EMNLP 2023 | DeepMind提出大模型In-Context Learning的可解释理论框架

EMNLP 2023 | DeepMind提出大模型In-Context Learning的可解释理论框架

论文题目：In-Context Learning Creates Task Vectors 论文链接：https://arxiv.org/abs/2310.15916 01. 引言 此外，作者也提到本文的方法与软提示（soft-prompt）[1]方法类似，soft-prompt也是通过调整大模型内…
阅读更多...
sqli-labs(Less-5) updatexml闯关

sqli-labs(Less-5) updatexml闯关

updatexml() - Xpath类型函数 1. 确定注入点闭合方式 确认为字符型注入 2. 爆出当前数据库的库名 http://127.0.0.1/sqlilabs/Less-5/?id1 and updatexml(~,concat(~,(select database())),~) --3. 爆出当前用户名 http://127.0.0.1/sqlilabs/Less-5/?id1 and updatexml…
阅读更多...
嵌入式linux--sysfs文件系统以及操作GPIO

嵌入式linux--sysfs文件系统以及操作GPIO

sysfs文件系统 在Linux系统中，/sys路径是一个特殊的虚拟文件系统（Virtual File System），用于提供对内核和设备的运行时信息的访问。它是sysfs文件系统的挂载点，提供了一种以文件和目录形式表示系统设备、总线、驱动程…
阅读更多...
SpringBoot--中间件技术-4：整合Shiro，Shiro基于会话SessionManager实现分布式认证，附案例含源代码！

SpringBoot--中间件技术-4：整合Shiro，Shiro基于会话SessionManager实现分布式认证，附案例含源代码！

SpringBoot整合安全中间件Shiro 技术栈&#xff1a;SpringBootShiro 代码实现 pom文件加坐标 Springboot版本选择2.7.14 &#xff1b;java版本1.8 &#xff1b; shiro做了版本锁定 1.3.2 <properties><java.version>1.8</java.version><!--shiro版本锁定…
阅读更多...
k8s资源管理操作——陈述式管理方式

k8s资源管理操作——陈述式管理方式

目录 陈述式资源管理方式 1、常用的kubernetes管理命令 1&#xff09;查看版本信息 2&#xff09;查看资源对象简写 3&#xff09;查看集群信息 4&#xff09;配置kubectl自动补全 5&#xff09;node节点查看日志 2、资源管理命令 1&#xff09;创建资源 2&#xff0…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023