【问题标题】:Custom marker with Angular Google Maps带有 Angular 谷歌地图的自定义标记
【发布时间】:2016-09-20 10:36:09
【问题描述】:

我正在使用 Angular Google 地图指令在我的网页上显示地图。目前我的标记是使用 SVG 创建的,但这很慢,因为我必须将我的信息传递到一个函数中,该函数在内存中创建一个 SVG 以传递给 Google 图标。所以我想用一个自定义的 HTML 标记替换它,希望代码更少,并且可以利用 CSS 类来完成很多繁重的工作。

不幸的是,这在 Angular Google 地图标记中不作为标准提供(除非我没见过?!)

我找到了一个tutorial,了解如何使用叠加层进行此操作,但我需要集群才能使用我的图标。

我该怎么做?无需从头开始重写所有内容?理想情况下,我想尽可能多地利用现有的 angular-google-maps 代码

【问题讨论】:

    标签: angularjs google-maps-api-3 angular-google-maps


    【解决方案1】:

    我最终这样做的方法是将富 HTML 放入 labelContent 属性中,通过 labelClass 在其上设置一个类,然后将 icon 设置为透明 (https://maps.gstatic.com/mapfiles/transparent.png)

    这种方式实际图标是不可见的,但您可以通过标签创建丰富的 HTML/CSS 标记。这不会破坏集群器的功能

    【讨论】:

    • 我也有同样的问题,你介意分享一个例子吗?
    猜你喜欢
    • 2015-10-19
    • 2015-06-06
    • 1970-01-01
    • 2013-05-20
    • 2015-01-28
    • 2013-08-21
    • 2014-10-11
    相关资源
    最近更新 更多