Angular 如何使用带有地图图标的角度谷歌地图

我最近开始了一个角度项目，我需要在地图上显示很多不同的东西

我最初是从agm（）开始的，但我刚刚了解了map icon（），它看起来很棒，因为我需要的所有图标都在这个包中，我还需要有几种颜色和形式

---

有没有办法把两者联系起来？现在我不知道怎么做，因为在agm中，你必须提供一个URL，地图图标似乎与html/css一起工作？

与其依赖第三方库/模块来实现地图，不如直接加载脚本，这样你就可以使用谷歌地图的官方文档了。为此，只需在index.html中加载JS映射脚本

以下是供您参考的工作示例：

index.html

<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<my-app>loading</my-app>

<div #map class="map"></div>

使用marker.component.html映射

<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<my-app>loading</my-app>

<div #map class="map"></div>

---

我正在考虑这样做，这是我遇到的唯一问题：标记集合来自一个可观察的集合（它会改变），我不确定如何同步它。你会怎么做？另外，我不太喜欢在typescript文件中创建HTML元素，这会带来很多其他问题（比如：谁将取消订阅这个click事件监听器？）