如何将背景图像添加到谷歌地图标记?

时间:2013-10-08 11:16:54

标签: google-maps google-maps-api-3 foursquare

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

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

所以我改变模式以匹配这条路径,即foursquare用于它的图标的路径:

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

现在的问题是这些图标具有透明背景(看起来令人困惑),我想知道一种方法将这些标记附加到某种背景上。

谢谢!

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

1 个答案:

答案 0 :(得分:3)

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

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

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

  • 创建一个没有前景的通用background图像,为每个必需的标记创建两个标记,使前景覆盖背景。

第一种方法更有效,通常更受欢迎。

如果您有许多类型的标记并且希望每个标记都针对相同的背景图像设置,则第二种方法可能很有用。这在客户端CPU和RAM方面效率很低,但可以节省您准备艺术品的时间。