Openlayers克里金插值计算等值面与图层裁剪

BJ-Giser

已于 2024-07-05 15:04:00 修改

阅读量1.1k

点赞数 16

CC 4.0 BY-SA版权

分类专栏： openlayers 文章标签：前端 javascript openlayers

于 2024-01-11 10:09:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42172974/article/details/135519555

文章介绍了如何在OpenLayers中通过克里金插值算法计算数据点的等值面，并将结果显示在地图上，同时实现图层的裁剪功能，以优化显示效果。

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

Openlayers克里金插值计算等值面与图层裁剪

计算等值面

      let WFSVectorSource = new VectorSource();
      let WFSVectorLayer = new VectorLayer({
   
   
        source: WFSVectorSource,
      });
      map.addLayer(WFSVectorLayer);
      //构造面数据
      for (let i = 0; i < pointArr.length; i++) {
   
   
        let feature = new Feature({
   
   
          geometry: new Point([pointArr[i].lgtd, pointArr[i].lttd]),
          value: pointArr[i].z,
        });
        feature.setStyle(
          new olStyle({
   
   
            image: new Circle({
   
   
              radius: 6,
              fill: new olstyleFill({
   
    color: "#00F00000" }),
            }),
          })
        );
        WFSVectorSource.addFeature(feature);
      }
      let extent = WFSVectorLayer.getSource().getExtent();
      WFSVectorSource.forEachFeatureIntersectingExtent(extent, (feature) => {
   
   
        that.selectedFeatures.push(feature);
      });