mgl-geojson-source 中的 mgl-feature 未呈现

Question

我好像无法显示那些组件中的点。我正在使用以下内容：

<mgl-map> // removed unnecessary attributes, map is displayed correctly
      <mgl-geojson-source id="branch-points">
          <mgl-feature
              *ngFor="let geometry of branchData"
              [geometry]="geometry">
          </mgl-feature>
      </mgl-geojson-source>
</mgl-map>

我的几何对象看起来像这样：

{
    coordinates: [
        branch.geolocation.lat,
        branch.geolocation.long,
    ],
    type: 'Point',
}

我做错了什么？

Answer 1

为了使 mgl-feature 正常工作，您需要为其 id 属性提供一个值。例如，您可以获取 branchData 中每个元素的索引并将其用作 id，如下例所示。

<mgl-map>
      <mgl-geojson-source id="branch-points">
          <mgl-feature
              *ngFor="let geometry of branchData; index as i"
              [id]="i"
              [geometry]="geometry">
          </mgl-feature>
      </mgl-geojson-source>
</mgl-map>

Answer 2

实际上我对 geojson 的实现是完全正确的。您只需要添加相应的图层，否则您的 geojson 将不会呈现:)

mgl-geojson-source 中的 mgl-feature 未呈现

mgl-feature in mgl-geojson-source is not rendering

mapbox

mapbox-gl

angular