如何在新的 Angular GMaps 組件上可視化 GeoJson？

Question

我正在使用 Angular GMaps 組件構建 Angular Web 應用程序：

<div id="map-container">
    <google-map (mapClick)="mapClicked($event)">
      <map-marker [position]="markerPosition" [options]="markerOptions"></map-marker>
    </google-map>
</div>

現在我想在 map 上可視化多個 geoJson 字符串。
我見過不同的實現，它們有一個 <data-layer [geoJson]=...> 組件。
GMaps 組件中是否有類似的東西？

Answer 1

@ViewChild(GoogleMap, { static: false }) map!: GoogleMap

成功了！

this.map.data.loadGeoJson(geoJson);

現在在 map 上正確加載 GeoJson。