openlayers围栏

### 如何在 OpenLayers 中创建和使用地理围栏

#### 创建多边形作为围栏区域
为了定义一个地理围栏，在OpenLayers中通常会先构建一个多边形来表示该围栏的范围。这可以通过`Polygon`几何对象完成，其中坐标数组描述了构成多边形边缘的位置。

import { Polygon } from 'ol/geom';

const coordinates = [
  [10, 20], // 坐标点序列形成闭合路径
  [30, 40],
  [50, 60],
  [70, 80],
  [90, 100],
  [10, 20] // 需要回到起点以封闭图形
];
const fencePolygon = new Polygon([coordinates]);

#### 判断位置是否位于围栏内部
对于给定的一个地理位置（比如车辆当前位置），可以利用`containsCoordinate()`方法检测其是否处于之前定义好的多边形之内。此操作有助于确认目标物体是否越过了设定的安全界限[^4]。

function isInsideFence(location) {
    return fencePolygon.containsCoordinate(location);
}

#### 可视化围栏及其状态变化
为了让用户直观理解当前状况，可以在地图界面上绘制出代表围栏的多边形，并根据不同情况改变样式——例如当监测到有单位进入或离开时调整颜色或透明度等属性。通过监听特定事件触发这些视觉反馈机制能够增强用户体验[^5]。

// 添加矢量源与图层用于展示围栏
vectorSource.addFeature(new Feature(fencePolygon));
map.addLayer(vectorLayer);

// 定义不同状态下应用的不同样式规则...
if (isInsideFence(currentPosition)) {
    vectorLayer.setStyle(/* 进入后的样式 */);
} else {
    vectorLayer.setStyle(/* 正常情况下默认使用的样式 */);
}