openlayers之绘制矩形星星拉框放大自定义图形

最新推荐文章于 2024-08-08 16:17:32 发布
最新推荐文章于 2024-08-08 16:17:32 发布
阅读量396 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/654425
版权
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/83036414

简介：openlayers绘制矩形、星星、拉框绘制，以及自定义图形。

实际是对ol.interaction.Draw的扩展，geometryFunction属性。
效果图

查看详细教程

weixin_34233679
关注
OpenLayers6实战，OpenLayers实现鼠标拖拽方式绘制矩形（拖拽方式绘制长方形和正方形）
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
04-11 459
本章介绍使用OpenLayers在地图上实现鼠标拖拽方式绘制矩形（拖拽方式长方形和正方形）。OpenLayers本身是可以通过鼠标点击多个点的方式来绘制多边形的，当然也包括长方形和正方形，但是这种多边形绘制出来的图形并不是准确的“长方形”和“正方形”，多多少少都会有一些变形（形状不规则），而且也不好控制。本章就是为了解决上述问题，只需要通过鼠标拖拽方式就可以直接实时生成形状规则的“矩形”。
Openlayers实战：绘制矩形，正方形，正六边形
大剑师兰特的GIS世界
07-06 713
Openlayers地图中，绘制图形是非常重要的一个功能。Openlayers主要使用draw类来绘制图形，在实际项目中有时候会绘制矩形和正多边形。下面的示例是绘制矩形，正方形，正多边形。
OpenLayer3 之 实现拉框放大功能
研究与专注
02-25 5757
几天前，有人给我发邮件询问如何实现划定一个矩形区域实现放大功能，即所谓的“拉框放大”，在 ol3 中，其实已有实现鼠标拖拽放大地图功能，默认需要配合 shift，按住shift，拖拽鼠标的同时，地图会放大，该组件名为 ol.interaction.DragZoom，该组件的缺点是不实用（哪一个非专业人员会想的按住shift拖动）。本文首先介绍该组件的实现，随后基于该组件，在地图上放置拉框按钮，实现一
Openlayers6 图形绘制和修改功能（结合React）
最新发布
weixin_44242600的博客
08-08 1253
通过使用openlayers的`ol.interaction.Draw`和`ol.interaction.Modify`模块实现地图上绘制圆形、矩形、多边形并修改编辑。
openlayers图层切换，点线面矩形等的绘制
weixin_44358678的博客
02-27 676
openlayers 点线面 地图初始化 搭建
020：vue+openlayers设置显示全屏功能（示例代码）
大剑师兰特的GIS世界
08-10 1135
本示例的目的是介绍演示如何在openlayers中使添加使用全屏控件，呈现全屏和还原的效果。直接复制 vue+openlayers源代码，操作2分钟即可运行实现效果
128：vue+openlayers 绘制矩形,drawend取消绘制锚点,屏蔽双击放大事件
大剑师兰特的GIS世界
09-07 691
本示例的目的是介绍如何在vue+openlayers项目中绘制矩形,drawend取消绘制锚点,屏蔽双击放大事件。点击查看本专栏内容目录列表。
OpenLayers6实战，OpenLayers实现绘制矩形区域放大地图功能，鼠标框选放大地图
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
03-25 256
本章讲解如何使用OpenLayers实现绘制矩形区域放大地图功能，鼠标框选放大地图的功能。本章是在上一章《OpenLayers6实战，OpenLayers实现绘制圆形放大地图功能，在地图上画圆放大地图到鼠标框选区域》基础上实现的矩形（四边形）的框选功能。
openlayers3各种元素图形绘制
11-02
在这个主题中，我们将深入探讨如何利用OpenLayers 3在WebGIS中绘制各种特殊的图形，如进攻方向、自由地、分队战斗、弓形、扇形、箭头以及钳击。 1. **进攻方向**：在军事或战略规划中，表示进攻方向是非常重要的。...
OpenLayers6特殊图形绘制教程目录汇总文档，使用OpenLayers画点、线、曲线、多边形、圆形、半圆、椭圆、圆环、环形扇形、三角形、矩形、平行四边形、梯形、菱形、五角星、六角形和箭头等
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
04-12 656
本章用于汇总OpenLayers地图中各种特殊图形绘制系列汇总目录。内容包含：点、线、多边形、圆形、半圆、四分之一圆、椭圆、圆环、半圆环、环形扇形、三角形、矩形、正方形、长方形、平行四边形、梯形、菱形、五角星、六角形（六芒星）以及箭头等等特殊图形。
OpenLayers 地图鹰眼、拉框示例代码
09-29
OpenLayers 地图鹰眼、拉框示例代码 仅供学习参考
137：vue+openlayers 绘制矩形，利用createBox来处理
大剑师兰特的GIS世界
09-29 676
本示例的目的是介绍如何在vue+openlayer中使用draw来绘制矩形。点击查看本专栏内容目录列表。
openlayers6 踩坑系列（三）绘制和编辑（矩形，圆，多边形，点，线）
qq_39404437的博客
11-23 9532
openlayers6 下的点、线、圆形、矩形、多边形的绘制与编辑
移动端openlayers封装绘制Draw-随手画-矩形-圆
厚积薄发.
07-17 314
如果直接使用官方示例的教程，在移动端绘制没法按压拖拽绘制，百度半天也是没有找到，解决了做一个笔记。
在地图上添加openlayer拉框放大缩小控件
NeilPy的博客
09-23 3708
openlayer自带拉框放大缩小的控件，主要参考了 https://github.com/QingyaFan/openlayers3-examples中的drag-zoom.html里面的代码实现，如图： 实现过程： 1、先使用openlayer中的intersection.dragzoom()初始化一个拉框控件，并设置out属性（控制拉框完成时是放大还是缩小，true为放大，...
openlayers学习之绘制点线多边形和矩形(四)
c17854254215的博客
06-02 2468
目录一、构建下拉框二、定义全局变量三、创建绘制函数 一、构建下拉框 首先构建一个简单的下拉框，下拉框包含点线多边形和矩形四个类型的元素，每一个option的value对应在openlayers中的value。 <select id="type" style="position: absolute;right: 20px;top: 60px;z-index: 20;width: 100px;height: 30px" title="图形绘制" onchange="selectDraw(this.valu
openlayers5.x封装绘制图形控件
傲骨雄风的博客
11-05 1439
一、编写drawtool模块 /** * @module {ol/control/Drawtool} */ import PluggableMap from '../PluggableMap.js'; import Control from '../control/Control.js'; import Draw from '../interaction/Draw.js'; impor...
openlayers：实现绘制形状 (附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
01-28 87
openlayers：实现绘制形状 (附完整源码）
Openlayers图形绘制详解及实战代码示例
本篇文章详细介绍如何使用Openlayers实现图形绘制，旨在帮助开发者更好地理解和应用此技术。首先，你需要在HTML结构中设置基础环境，包括引入ol.js库，创建一个div容器来承载地图，并添加一个select下拉选项来选择...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值