tombatossals / angular-openlayers-directive

AngularJS directive to embed an interact with maps managed by the OpenLayers library
http://tombatossals.github.io/angular-openlayers-directive/
MIT License
282 stars 183 forks source link

How to use bootstrap glyphicons or font awesome as markers #384

Open earosb opened 7 years ago

earosb commented 7 years ago

I want to use the bootstrap glyphicons or font awesome set as markers for a geojson layer. I have tried the following:

{
    "id": 1,
    "name": "Airports",
    "geometry": "POINT",
    "source": {
        "type": "GeoJSON",
        "url": "http://localhost.dev/airports.geojson"
    },
    "style": {
        "image": {
            "circle": {
                "radius": 5,
                "fill": {
                    "color": "#87e467"
                }
            }
        },
        "text": {
            "font": "normal 18px 'Glyphicons Halflings'",
            "text": "\ue062",
            "fill": {
                "color": "rgba(255,0,0,1)"
            }
        }
    }
}