javascript - 放在 map 上之前的谷歌地图圆针

Question

您好，我尝试了广泛的谷歌搜索，但似乎没有任何帮助。

这是我的场景:

1. 公司 Logo 存储在外部域/网址(矩形)中。
2. 带有谷歌地图的 Ionic 应用程序，将这些 Logo 作为标记放置在 map 上。

标记看起来很难看，我想在 map 上把它们做成圆形。

我发现如果我把css加到整个页面说:

img { border-radius: 50%; }

然后它对图像进行四舍五入，同时也对 map 背景进行四舍五入。我无法在 css 中指定要设置样式的图像 url，因为每个 Logo url 都会不同。我怎样才能单独通过 javascript 实现这一点，或者我怎样才能为每个 map 图钉分配一个 css 类？

编辑:只是为了说明，我添加了这样一个通用的 css 样式，因为当我检查元素时， map 图钉是 Canvas 的一部分，不会显示给我检查。如上所述，我很乐意为 pin 分配一个 css 类，以便我可以直接定位它。

Answer 1

您可以使用自己的图像创建自定义标记..

https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-custom

然后在这里尝试:

https://m.youtube.com/watch?v=ZtNrt9vRt10

这应该让你开始......