如何向谷歌地图标记添加背景图片？

Question

我正在使用Foursquare API在地图上展示一些地点。当我尝试在类别中渲染图标时，一些图片显示404错误。例如：

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

所以我将模式更改为匹配这个路径，这是foursquare用于其图标的路径:

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

现在的问题是这些图标有透明背景（看起来很混乱），我想知道有什么方法可以为这些标记附加一些背景。

谢谢！

备注：我不想使用阴影，因为我读到它已被弃用。

- Beto Aveiga

---

可能是JS Maps v3：带有用户个人资料图片的自定义标记的重复问题。 - geocodezip

Answer 1

谷歌地图标记是放置在画布元素而不是DOM元素中的，而且没有直接等效于背景图片的元素。

你可以尝试以下两种方法：

• 创建自己的标记图像，包括光晕或背景矩形，然后在创建标记时将您的图像指定为icon（请参见文档中的标记选项部分）。

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

第一种方法更有效率，通常会被优先选择。

第二种方法可能在您有多种类型的标记并希望每个标记都设置为相同的背景图像时有用。从客户端CPU和RAM的角度来看，这样做效率低下，但可以节省制作艺术品的时间。

- Beetroot-Beetroot

---

谢谢Beetroot！我在发布这个问题几个小时前就想到了同样的解决方案，第一种方法显然是最好的。我将Foursquare的类别图标下载到我的服务器上，然后（使用Drupal）应用一个带有标记背景的图像样式。 - Beto Aveiga