0

我正在使用 Web 功能服务 (WFS),并且我想在 OpenLayers 地图上显示一个标记。WFS 的回应摘录:

<?xml version="1.0" encoding="ISO-8859-1"?>
<wfs:FeatureCollection>
    <gml:boundedBy>
        <gml:Envelope srsName="EPSG:900913">
            <gml:lowerCorner>-89132.899298 5581504.864113</gml:lowerCorner>
            <gml:upperCorner>-51735.101149 5625545.655457</gml:upperCorner>
        </gml:Envelope>
    </gml:boundedBy>
    <gml:featureMember>
        <bm:TB_ARRET_P gml:id="TB_ARRET_P.3473">
            <gml:boundedBy>
                <gml:Envelope srsName="EPSG:900913">
                    <gml:lowerCorner>-75379.857910 5601410.987374</gml:lowerCorner>
                    <gml:upperCorner>-75379.857910 5601410.987374</gml:upperCorner>
                </gml:Envelope>
            </gml:boundedBy>
            <bm:geometry>
                <gml:Point srsName="EPSG:900913">
                    <gml:pos>-75379.857910 5601410.987374</gml:pos>
                </gml:Point>
            </bm:geometry>
            <bm:LIGNEDES>Citéis 72/Lianes 3</bm:LIGNEDES>
            <bm:MOBILIE1>Poteau</bm:MOBILIE1>
            <bm:NOMARRET>Mairie du Haillan</bm:NOMARRET>
            <bm:VILLE>LE HAILLAN</bm:VILLE>
        </bm:TB_ARRET_P>
        <bm:TB_ARRET_P>
            ...
        </bm:TB_ARRET_P>
    </gml:featureMember>
</wfs:FeatureCollection>

我使用 OpenLayers 显示带有以下代码的标记:

const f = new Feature({geometry: new Point([-75379.857910, 5601410.987374])});

const orangePoint = new Style({
    image: new CircleStyle({
        radius: 5,
        fill: new Fill({color: 'red'}),
        stroke: new Stroke({color: 'red', width: 3})
    })
});

f.setStyle(orangePoint);

const map = new Map({
    layers: [
        new TileLayer({ source: new XYZ({ url: this.mapboxTile }) }),
        new VectorLayer({
          source: new VectorSource({
            features: [f]
          })
        })
      ],
      target: this.idMaps$,
      view: new View({
        projection: 'EPSG:3857', // OpenLayers' default project and alias of 900913
        center: [-64436.414844, 5595687.311159],
        zoom: 12
      })
    });

所以,结果如下:

因此,标记已显示,但位置不理想。我错过了什么?如何将标记置于“Mairie”公交车站的中心?

谢谢您的回答 !

4

1 回答 1

0

如果我在 -75379.857910、5601410.987374 上将 OpenStreetMap 居中,它会在与您的标记相同的位置显示 Mairie,因此 OpenStreetMap 和您的 WFS 数据都是错误的,或者您的底图显示 Mairie 在错误的位置。

谷歌街景确认停靠在同一位置https://www.google.com/maps/@44.8721247,-0.6771454,3a,25.7y,245.69h,82.65t/data=!3m6!1e1!3m4!1sPPVzzjGN24V3Z9FXMZTmrA!2e0 !7i16384!8i8192?hl=en-GB所以你的标记是正确的,而底图是错误的。

在此处输入图像描述

于 2020-02-02T20:42:23.380 回答