OpenLayers6实战，OpenLayers实现鼠标拖拽绘制三角形，OpenLayers自定义绘制特殊图形

article2024/11/27 5:35:34/文章来源:https://blog.csdn.net/eguid/article/details/137263602

专栏目录：
OpenLayers实战进阶专栏目录

前言

本章讲解使用OpenLayers如何绘制三角形。

OpenLayers本身是可以通过多边形绘制来绘制自行绘制三角形的，但是这种绘制方式是通过鼠标点击每个点来实现线条链接的，不支持固定的三角形这种特殊图形绘制的。

因此本章我们通过自定义OpenLayers的绘制事件，来让OpenLayers支持鼠标拖拽方式绘制三角形，让绘制三角形变得更加方便。

openlayers

二、依赖和使用

"ol": "^6.15.1"

使用npm安装依赖

npm install ol@6.15.1

使用Yarn安装依赖

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

keycloak - 鉴权quarkus

目录一、前言二、遇到的问题 1、keycloak中配置public访问方式如何配置keycloak 2、keycloak拦截登录后，重定向多次报错，因cookie超长三、解决问题 1、环境说明 2、对应keycloak public访问方式的keycloak配置 3、解决cookie太长的问题 a、方…

Re-architecting I/O Caches for Emerging Fast Storage Devices——论文泛读

ASPLOS 2023 Paper 论文阅读笔记整理问题 I/O缓存已在企业存储系统中广泛使用，例如使用固态硬盘（SSD）作为硬盘阵列（HDD）顶部的I/O缓存层。随着超快存储设备的出现，例如P5800X Optane SSD、Intel PM&…

AI绘图初探

摘要通过SD进行AI图片生成训练学习。 1.键盘佛祖 2.跳舞的佛祖 3.编程佛祖 4.AI美女

3 实现 3.3 KermitRecvFile 该模块实现了Kermit接收文件功能。序列图如下： 3.3.1 KermitRecvFile定义 class QSerialPort; class KermitRecvFile : public QObject, public Kermit {Q_OBJECT public:explicit KermitRecvFile(QSerialPort *serial, QObject *…

drissionpage设置无头模式new模式

最近朋友介绍，所以在使用drissionpage调试项目。写代码的时候是在有脸模式写的，一切正常。但是一旦切换打无头模式，报错，找不到元素什么的。开始以为是我的元素查找报错，后面用了截图发现，无头模式被…

银河麒麟操作系统Kylin Linux 离线安装Nginx1.21.5

一、查看操作系统版本号 nkvers ############## Kylin Linux Version ################# Release: Kylin Linux Advanced Server release V10 (Lance)Kernel: 4.19.90-52.15.v2207.ky10.x86_64Build: Kylin Linux Advanced Server release V10 (SP3) /(Lance)-x86_64-Build20/…

python怎么处理txt

导入文件处理模块 import os 检测路径是否存在，存在则返回True，不存在则返回False os.path.exists("demo.txt") 如果你要创建一个文件并要写入内容 #如果demo.txt文件存在则会覆盖，并且demo.txt文件里面的内容被清空，如…

HarmonyOS NEXT应用开发案例——阻塞事件冒泡

介绍本示例主要介绍在点击事件中，子组件enabled属性设置为false的时候，如何解决点击子组件模块区域会触发父组件的点击事件问题；以及触摸事件中当子组件触发触摸事件的时候，父组件如果设置触摸事件的话，如何解决父组…

输油管道变电所运维系统发展趋势

摘要：随着现代化技术以及信息化手段的飞速发展，社会已经进入到了全新的发展阶段，这也为自动化技术的发展起到了良好的促进作用，特别是在目前输油管道电网快速发展的背景下，传统的输油管道变电站管理模式与管理系统&…

单元测试——Junit （断言、常用注解）

单元测试 Junit单元测试框架使用断言测试使用Assert.assertEquals(message, 预期值, 实际值); 这段代码是用于在测试中验证某个方法的返回值是否符合预期。其中，"方法内部有bug"是用于在断言失败时显示的提示信息。4是预期的返回值，index…

云原生（七）、Kubernetes初学 + 裸机搭建k8s集群

Kubernetes简介 Kubernetes（通常简称为K8s）是一个开源的容器编排平台，最初由Google设计和开发，现在由Cloud Native Computing Foundation（CNCF）维护。它旨在简化容器化应用程序的部署、扩展和管理。 Kube…

ConcurrentHashMap线程安全机制

put源码： public V put(K key, V value) {return putVal(key, value, false); }/** Implementation for put and putIfAbsent */ final V putVal(K key, V value, boolean onlyIfAbsent) {if (key null || value null) throw new NullPointerException();int has…

python爬虫----了解爬虫（十一天）

🎈🎈作者主页： 喔的嘛呀🎈🎈 🎈🎈所属专栏：python爬虫学习🎈🎈 ✨✨谢谢大家捧场，祝屏幕前的小伙伴们每天都有好运相伴左右，一定要天天…

Qt元对象系统

第二章Qt元对象系统文章目录第二章Qt元对象系统1.什么是元对象？2.元对象系统组成3.信号与槽信号和槽的本质绑定信号与槽自定义槽定义槽函数必须遵循一下规则槽函数的类型自定义槽案例自定义信号自定义信号需要遵循以下规则信号和槽重载二义性问题 4.内存管理1. 简…

PFA（可溶性聚四氟乙烯）弯嘴洗瓶

PFA材质，又称可溶性聚四氟乙烯，是进口的高纯原材料，耐强酸强碱耐腐蚀和各种有机溶剂。常用规格:30ml/60ml/100ml/250ml/500ml 产品特性 1、耐高低温：使用温度可达-200~260℃； 2、可打刻度，高度透明&#x…

20240330-0402-湖南长沙之旅-橘子洲，五一广场，国金广场，湖南博物馆

0330 复试，无语中，面试中文部分居然也是拉了坨大的 0331 晚上感觉忙完复试，有种偶然感，跟自己设想的又不一样，感觉方向感真的差，压中得没多少。刚忙完考试，去五一附近住，还是一…

wpf 自定义命令

自定义命令 MyCommand.cs public class MyCommand : ICommand {private readonly Action<Object> execAction;private readonly Func<Object,bool> changedFunc;public event EventHandler? CanExecuteChanged;public MyCommand(Action<object> execAction…