Javascript 如何在谷歌地图的标记上添加用户图像？

我正在构建一个angular应用程序，其中我要求用户配置文件图像作为标记显示在谷歌地图上

该位置来自一个API作为JSON，带有Lat、long和用户图像。 另外，我还在地图中使用聚类。每当单击群集时，都会显示带有图像的标记

我正在尝试AGM地图库和Google地图Javascript API

---

有办法吗？

使用自定义标记并使用自己的图像。您只需将图像的url传递给

标记

对象的

图标

属性，如下所示

var marker = new google.maps.Marker({
        position: point,
        icon: 'http://contoso.com/image.png',
        map: map
      });

如果需要对该图像及其渲染方式进行更多控制。谷歌地图API提供，你可以使用

var icon = {
    url: 'http:contoso.com/image.png',
    anchor: new google.maps.Point(0, 0)
}

---

如果您不想使用google maps默认标记并想在标记中添加自定义HTML，网站中有很多文档和示例， 检查此插件-
使用HTML作为谷歌地图标记非常简单

---

注意-基本上这个插件使用自定义覆盖作为标记。因此，与默认的谷歌地图标记相比，我认为使用它会使地图在有很多标记（尤其是在智能手机上）的情况下变得有点笨重。

到目前为止，您尝试了哪些代码？StackOverflow是一个您可以寻求代码帮助的地方，但我们不能从头开始为您编写代码。@Graham我尝试使用自定义覆盖图，但覆盖图中的图像在放大和缩小时无法缩放。请转到此处的“帮助”部分，阅读关于StackOverflow的好问题。