google-maps - 如何为谷歌地图标记添加背景图片？

Question

我正在使用 foursquare API 在 map 上显示一些地点。当我尝试渲染类别中的图标时，一些图像给出 404。例如:

https://foursquare.com/img/categories_v2/shops/mall.png

所以我更改模式以匹配此路径，该路径是 foursquare 用于其图标的路径:

https://foursquare.com/img/categories_v2/shops/mall_32.png

现在的问题是这些图标有透明背景(看起来很困惑)，我想知道一种方法来为这些标记添加某种背景。

谢谢!

PD:我不想使用阴影，因为我读到它已被弃用。

Answer 1

Google map 标记是作为 Canvas 元素而不是 DOM 元素放置的，并且没有直接等效的背景图像。

您可以尝试以下两种方法之一:

• 创建您自己的带有光环或背景矩形的标记图像，然后在创建标记时将您的图像指定为 icon(请参阅文档的 marker options 部分).

• 创建一个没有前景的通用背景图像，然后为每个所需的标记创建两个标记，使前景覆盖背景。

第一种方法更有效，通常是首选。

如果您有多种类型的标记并且希望将它们中的每一种设置为针对相同的背景图像，则第二种方法可能很有用。这在客户端 CPU 和 RAM 方面效率不高，但会节省您准备艺术品的时间。