在 CSS3 中为 OSM 生成 gps 标记的图标答案

【问题标题】：Generate gps marker's icon in CSS3 for OSM在 CSS3 中为 OSM 生成 gps 标记的图标
【发布时间】：2015-07-22 14:11:51
【问题描述】：

我正在生成一个带有不同标记的 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]
        }

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

【问题讨论】：

标签： angularjs css openstreetmap marker angular-leaflet-directive

【解决方案1】：

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

【讨论】：