openlayers：实现绘制交互来测量长度和面积 (附完整源码）

最新推荐文章于 2024-12-13 15:22:05 发布

源代码大师

最新推荐文章于 2024-12-13 15:22:05 发布

阅读量234

点赞数

分类专栏： openlayers实战教程文章标签：交互 openlayers

不予转载，严禁转载，违者必纠。

本文链接：https://blog.csdn.net/it_xiangqiang/article/details/135923067

版权

openlayers实战教程专栏收录该内容

417 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

这篇原创博客介绍了如何利用OpenLayers库实现地图上的长度和面积测量功能，包括主要涉及的`main.js`、`index.html`和`package.json`文件。文中提醒读者注意，OpenLayers的几何测量值可能与实际地面测量有差异，建议使用ol/sphere模块的函数获取更准确结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getLength()和getArea()函数计算几何体的球面长度和面积。通过假设几何坐标之间的大圆段来计算Lectures。面积的计算就像多边形的边是大圆段一样。

请注意，geometry.getLength()和geometry.getArea()方法返回投影（平面）几何的测量值。在某些情况下，这些可能与地面测量非常不同-例如在北方和南方纬度使用Web Mercator。要获得更好的结果，请使用ol/sphere模块中的函数。

main.js

import Draw from 'ol/interaction/Draw.js';
import Map from 'ol/Map.js';
import Overlay from 'ol/Overlay.js';
import View from 'ol/View.js';
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style.js';
import {LineString, Polygon} from 'ol/geom.js';
import {OSM, Vector as VectorSource} from 'ol/source.js';
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer.js';
import