openlayer读取geoserver发布的图层wfs图层要素信息并渲染到地图上

Clc7

于 2024-12-13 17:58:05 发布

阅读量189

点赞数 1

文章标签：前端 javascript 学习

本文链接：https://blog.youkuaiyun.com/weixin_64132598/article/details/144457112

版权

    // WFS 图层源
    const wfsSource1 = new VectorSource({
      format: new GML(),
      strategy: bbox,
      loader: (extent, resolution, projection) => {
        const wfsUrl = '发布的地址，需要拼接参数'
        fetch(wfsUrl)
          .then((response) => {
            if (!response.ok) {
              throw new Error(`HTTP error! status: ${response.status}`);
            }
            return response.text();
          })
          .then((data) => {
            const features = new GML().readFeatures(data, {
              featureProjection: projection,
            });
            features.forEach((feature, index) => {
              // 获取原始属性并详细打印
              const properties = feature.getProperties();

              // 创建标签，优先使用 name 字段
              const label =
                properties.name ||
                properties.Name ||
                properties.railway_name ||