代码之家  ›  专栏  ›  技术社区  ›  Beto Aveiga

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

  •  3
  • Beto Aveiga  · 技术社区  · 11 年前

    我正在使用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 回复  |  直到 11 年前
        1
  •  4
  •   Beetroot-Beetroot    11 年前

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

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

    • 创建您自己的带有光晕或背景矩形的标记图像,然后将您的图像指定为 icon 创建标记时(请参见 marker options 文件的一部分)。

    • 创建通用目的 background 没有前景的图像,然后为每个所需的标记创建 两个标记 定位成使得前景覆盖背景。

    第一种方法更有效,并且通常是优选的。

    如果您有许多类型的标记,并且希望将它们中的每一种都设置在同一背景图像上,那么第二种方法可能会很有用。这将在客户端CPU和RAM方面效率低下,但会节省您准备艺术品的时间。