如何在新的 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>

现在我想在该地图上可视化多个 geoJson 字符串。
我见过不同的实现，它们有一个 组件。
GMaps组件中有类似的东西吗？

Answer 1

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

成功了！

this.map.data.loadGeoJson(geoJson);

现在可以在地图上正确加载 GeoJson。