OpenLayer3自定义测量控件 MeasureTool

最新推荐文章于 2024-08-20 18:21:02 发布
最新推荐文章于 2024-08-20 18:21:02 发布
阅读量4.3k 收藏 6
点赞数 1
分类专栏： OpenLayer3 网页开发 文章标签： OpenLayer3 Measure 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010430471/article/details/53765282
版权
本文介绍了如何使用OpenLayer3自定义测量控件MeasureTool，支持距离和面积测量，并提供了geodesic测量选项。控件基于JavaScript原生编写，无需JQuery。使用时，只需在HTML页面中引入所需CSS和JS文件，然后在地图初始化后添加MeasureTool，并可设置球体半径参数以支持不同模型的geodesic测量。
摘要由CSDN通过智能技术生成

OpenLayer3自定义测量控件 MeasureTool

一直苦恼于OpenLayer3没有现成的测量工具，看了歪果仁做的图层控件，于是自己结合了官网上的measure实例和歪果仁的模板鼓捣出了一个测量工具控件。

描述

基于Openlayers3所做的自定义控件，支持测量距离（line）和测量面积（area）以及geodesic测量

  • 加载css和js文件后直接引用即可

  • 使用JavaScript原生编写，不需要引入JQuery

使用效果如图：

这里写图片描述

使用方式

在html页面中引入OpenLayer3的css和js文件后再加入下载的measuretool.css和measuretool.js

<link rel="stylesheet" href="measureTool.css" type="text/css">
<script type=
最低0.47元/天 解锁文章
续汉冕
关注
专栏目录
MeasuretoolforOpenLayers3ol3测量工具
08-10
Measuretool for OpenLayers 3（ol3测量工具）
OpenLayer3自定义测量控件MeasureTool
01-18
一直苦恼于OpenLayer3没有现成的测量工具，看了歪果仁做的图层控件，于是自己结合了官网上的measure实例和歪果仁的模板鼓捣出了一个测量工具控件。 下载地址 描述 基于Openlayers3所做的自定义控件，支持测量距离（line）和测量面积（area）以及geodesic测量 加载css和js文件后直接引用即可 使用JavaScript原生编写，不需要引入JQuery 使用效果如图： 使用方式 在html页面中引入OpenLayer3的css和js文件后再加入下载的measuretool.css和measuretool.js <link rel=stylesheet
openlayers3 测距离,侧面积,测角度 (拿来就直接用)
最新发布
weixin_46630678的博客
08-20 305
ol3测量工具,拿来就用
OpenLayers3实现测量功能
10-14
主要为大家详细介绍了OpenLayers3实现测量功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
measureTool:测量工具
03-11
测量工具 测量工具
openlayer 测量
Orbita_wangtao
07-25 704
测量 可以对地图进行操作，用户手动选择几个点，侧面积和测长度 该getLength()和getArea()功能计算几何球形长度和面积。通过假设几何坐标之间的大圆段来计算长度。计算面积，就好像多边形的边是大圆段一样。 请注意，geometry.getLength()和geometry.getArea()方法返回投影（平面）几何的度量。这些可能与某些情况下的实地测量非常不同 - 例如在使用W...
OpenLayer学习之自定义测量控件
10-14
在这个"OpenLayer学习之自定义测量控件"的主题中，我们将探讨如何利用OpenLayers创建自定义的测量工具，以满足特定的地理测量需求。 首先，自定义控件在OpenLayers中是通过继承基类`ol.control.Control`来实现的。...
OpenLayer自定义测量控件实现详解
"本文主要探讨了在OpenLayer中创建自定义测量控件的方法，通过详细的示例代码展示了如何实现这一功能。" 在OpenLayer中，自定义测量控件允许用户在地图上进行长度、面积等测量操作，这在地理信息系统（GIS）应用中...
Openlayers测量距离和面积
ThinkLess404的专栏
06-19 542
开发GIS系统，我们都会提供基本的一些测量功能给用户使用，用于测量地图上的距离和面积，这里我们使用openlayers实现此功能。
openLayers + Vue实现测量（长度、面积）
siyuechangmeng的博客
08-02 2112
openLayers学习：测量功能
openlayers：实现距离量测和面积量测（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
02-06 214
openlayers：实现距离量测和面积量测（附完整源码）
Openlayers实战：测量长度，测量面积
大剑师兰特的GIS世界
07-11 402
Openlayers地图上经常是要用到测量功能，诸如测量长度，测量面积。在本实战中，引用一个js，实现测量长度、测量面积功能。
【开源WebGIS】07-Openlayers+Vue 测量功能-01
老靳的WebGIS
02-05 1775
OpenLayers是一个开源的地图显示引擎，支持距离测量和面积测量。距离测量功能用于测量地图上两点间的直线距离；面积测量功能用于测量地图上一个图形的面积，可以方便的实现在地图上的测量
基于Vue的Openlayers6自定义测量组件，直接拿来用
xiao猪仙的博客
06-14 3328
基于Vue的Openlayers6自定义测量组件，直接拿来用一级目录二级目录三级目录 在做WebGIS项目开发时，往往都有一个测量的基础功能，这个功能虽然不算太难，但是往往确花费不少的时间去完成，以前都是基于jQuery或原生js去做，现在基于Vue还得改，索性花上一天时间，模仿了其他平台的测量功能效果做一个组件，包含了距离测量、面积测量和角度测量，下次可以直接拿来用。下面是效果图： 一级目录 二级目录 三级目录 ...
OpenLayer3的图层控件初步实现
Wilson的博客
08-15 2230
在html中 创建图层控件，以及新建该控件的样式 图层 #layerControl{自己定义} 在script中 var layer = new Array(); //记录图层 var layerName = new Array(); //记录图层名 var layerVisibility = new Array(); //记录可视性
openlayers添加按钮_openlayers 双击完成画图后得到点坐标和设置画图style
weixin_33509600的博客
12-29 661
如题，我现在实现的效果是：双击左键结束画多边形后，点击一个按钮手动去激发select，然后再调用一个函数，得到这个多边形的各个点。但这不是我最想要的效果。最好能在双击的时候就能直接调用函数得到多边形的点。我现在的问题是不知道怎样我去拿这个双击事件。最好能使用EditingToolbar(vector)，而不是自己去定义实现画图功能。另外，在自己定义画图功能时drawControls = {//点p...
OpenLayers3基础教程之加载常用控件
jiegiser博客
01-17 4759
1. 前言 地图控件就是对地图的缩放、全屏、坐标显示控件等，方便我们对地图进行操作。OpenLayers 3 封装了很多常用的地图控件，例如地图导航、比例尺、鹰眼、测量工具等，这些控件都是基于ol.control.Control虚基类进行封装，ol.control.Control的子类为各类常用的地图控件，可以通过Map对象的Control参数进行设置或者通过addControl方法将控件添加到
dualsphysics的measuretool
06-09
DualSPHysics是一种基于SPH（Smoothed Particle Hydrodynamics）方法的流体动力学模拟软件，measuretool是DualSPHysics中用于分析和可视化模拟结果的工具。它可以用于计算各种物理量，比如流体速度、压力、浓度、应力等，并可以生成各种图表和动画以便于结果分析和展示。同时，measuretool还支持批量处理多个结果文件，并可以通过脚本进行自动化处理和分析。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值