1. 图层方法

添加图层：addLayer

将给定图层添加到地图的顶层。在OpenLayers中添加图层，默认会显示在最上层，与CSS中的属性”z-index”类似，可以通过layer.setZindex(num)更改图层显示顺序。

移除图层：removeLayer

从地图中移除指定图层。

2. 交互控件方法

添加交互控件：addInteraction

将给定交互控件添加到地图上

移除交互图层：removeInteraction

从地图中移除指定交互控件。

3. 地图控件方法

添加地图控件：addControl

将给定控件添加到地图上

移除地图控件：removeControl

从地图中移除指定地图控件。

4. 获取图层方法

获取图层集：getLayers

该方法获取的是图层集合，可以通过getArray()方法将其转换为数组。

获取图层组：getAllLayers

该方法从所有图层组中获取所有图层。

5. 要素查询方法

Map对象属性：forEachFeatureAtPixel

const feature = map.forEachFeatureAtPixel(pixel, feature => feature, {})

检测视口上与像素相交的特征，并对每个相交的特征执行回调。对于没有填充的多边形，只有笔划将用于命中检测。多边形必须应用填充样式，以确保检测到多边形内的像素。填充物可以是透明的。

Map对象属性：getFeaturesAtPixel

检测视口上与像素相交的特征。接收两个参数：第一个参数为事件像素坐标；第二个参数为可选对象。

矢量图层属性：getFeatures(pixel)

接收一个事件像素坐标参数，并返回一个Promise对象。

6. 量测方法

面积量测：ol.sphere.getArea(polygon)

通过ol.sphere对象的getArea方法计算面积。该方法接收一个几何类型参数，传递面类型几何对象进去即可。

距离量测：ol.sphere.getLength(line)

通过ol.sphere对象的getLength方法计算距离。该方法具有一个几何类型参数，将线几何传递进去即可。

7. 视图中心点方法

View对象属性：centerOn

用于将地图视图中心点快速定位到指定坐标或要素，并支持动态调整视图分辨率（缩放级别）。这是地图交互中的核心导航功能之一。

View对象属性：setCenter

将视图中心定位到给定中心点。

8. 缩放到给定范围方法

9. 视图动画方法

View属性方法：animate

// 普通动画
view.animate({
  zoom: view.getZoom(),
  center
});

10. 图层标注方法

样式函数：styleFunction

style: function (feature) {
    const label = feature.get("name").split(" ").join("\n")
    labelStyle.getText().setText(label)
    return style
}

11. 地图投影方法

地图投影：register(proj4)

const def = '+proj=longlat +ellps=GRS80 +no_defs'
proj4.defs('EPSG:4490', def)
register(proj4)
return new Projection({
  code: "EPSG:4490",
  units: 'degrees'
})

12. 共享视图方法

map1.setView(map2.getView())

13. 可视化方法

聚类数据源：ol.source.Cluster

const clusterSource = new ol.source.Cluster({
    distance: 40,
    source: new ol.source.Vector({
        url: "../../data/kml/2012_Earthquakes_Mag5.kml",
        format: new ol.format.KML({
            extractStyles: false
        })
    }),
    wrapX: true
})

热力图方法：ol.layer.Heatmap

const heatmapLayer = new ol.layer.Heatmap({
    source: new ol.source.Vector({
        url: "./earthquake_2012.kml",
        format: new ol.format.KML({
            extractStyles: false
        }),
        wrapX: false
    }),
    radius: parseInt(radiusInput.value) || 8, // 热点半径（单位像素）
    blur: parseInt(sizeInput.value) || 15 // 模糊半径（单位像素）
})

格网方法：ol.source.TileDebug

const TileSource = new ol.source.TileDebug({
  projection: map.getView().getProjection(),
  wrapX: false,
  template: '(x,y,z)({x},{y},{z})' // 显示结构
})
const gridLayer = new ol.layer.Tile({
  source: TileSource
})

14. 属性选择方法

设置目标属性或者自定义属性：set

regionLayer.set("title", "云南行政区")

获取目标属性或者自定义属性：get

regionLayer.get("title") // "云南行政区"

15. 数据更新方法

数据更新方法：changed()

// 图层更新
regionStyle.getFill().setColor(gradiant)
layer.changed()
// 图层更新
seaChange.addEventListener("input", (evt => {
    seaOutput.innerText = seaChange.value
    raster.changed()
}))
// 事件更新
map.on('click', evt => {
   selectEvt.changed()
})
// 要素更新
form.on('select(align-select-filter)', function (data) {
    const elem = data.elem; // 获得 select 原始 DOM 对象
    const value = data.value; // 获得被选中的值
    const othis = data.othis; // 获得 select 元素被替换后的 jQuery 对象
    iconStyle.getText().setTextAlign(value)
    feature.changed()
});