angularjs - 在 CSS3 中为 OSM 生成 gps 标记的图标

Question

我正在生成一个带有不同标记的 OpenLayer 地图。一切都由 Angular 和传单指令控制。

我的问题：我想知道是否可以在纯 CSS3 中生成我的标记图标而不是使用 png 图像？我希望替换的代码。

GPS_icon: {
            iconUrl: '/static/lib/leaflet/images/marker-gps.png',
            shadowUrl: '/static/lib/leaflet/images/marker-gps-shadow.png',
            iconSize:     [40, 40],
            shadowSize:   [40, 40],
            iconAnchor:   [20, 20],
            shadowAnchor: [18, 18],
            popupAnchor:  [10, 20]
        }

如果有人已经尝试过这个，我很想知道它是否可能以及如何？非常感谢 ！

Answer 1

AFAIK 没有这样的 JS webmap 库支持基于 CSS/字体的标记图标。随时在他们的错误跟踪器上要求这样的 OL3 功能......