openlayers 要素

### OpenLayers 要素使用指南

#### 创建要素对象
在OpenLayers中，`Feature`类用于表示地理空间数据中的单个实体。每个特征由几何形状和属性组成。

import Feature from 'ol/Feature';
import Point from 'ol/geom/Point';

const pointFeature = new Feature({
  geometry: new Point([0, 0]),
  name: 'Null Island'
});

上述代码创建了一个名为“Null Island”的点状要素[^1]。

#### 设置和获取属性
可以通过调用`.set()`方法来设置要素的属性，并通过`.get()`方法检索这些属性值。

pointFeature.set('name', 'New Name');
console.log(pointFeature.get('name')); // 输出 "New Name"

此操作允许动态更新要素的信息而不必重新定义整个对象实例。

#### 添加样式到要素
为了自定义显示方式，可利用`Style`模块为特定类型的要素指定视觉表现形式。

import Style from 'ol/style/Style';
import Icon from 'ol/style/Icon';

const iconFeature = new Feature(new Point([-110, 45]));
iconFeature.setStyle(
  new Style({
    image: new Icon({
      src: '/path/to/icon.png',
      scale: 0.5,
    }),
  })
);

这段脚本展示了如何给一个点位附加图标作为其外观。

#### 将要素加入图层
最后一步是把准备好的要素添加至矢量图层(Vector Layer)，以便它们能在最终的地图上呈现出来。

import VectorSource from 'ol/source/Vector';
import VectorLayer from 'ol/layer/Vector';

const vectorSource = new VectorSource({ features: [pointFeature, iconFeature] });
const vectorLayer = new VectorLayer({ source: vectorSource });

// 假设已有map变量代表初始化后的地图容器，则执行如下命令即可完成绘制工作：
map.addLayer(vectorLayer);

以上过程说明了怎样构建基本的要素结构并将之集成进完整的WebGIS应用之中。