Leaflet Font awesome marker

[Schumiel]

Hallo,

ich bin auf der Suche, Marker mit font awesome abzubilden. Eigentlich genau wie das hier https://github.com/lennardv2/Leaflet.awesome-markers

Leider funktioniert das heute nicht mehr, wegen fehlender Kompatibilität.

Durch weiteres Googeln finde ich keine Alternativen. Oder kennt ihr etwas?

 

[netzgestaltung]

Du kannst das grundsätzlich mit den richtigen Schriftzeichen und CSS auch direkt umsetzen.

Es gibt dazu verschiedene Optionen. Schwierig zu sagen, was Du und wofür benötigst.

Welche Kompatibilität fehlt? Da hier verschiedene Komponenten zusammen kommen, braucht es mehr Info. Zb: Falls es an Font-Awesome liegt, könnte man sie mit Fork-Awesome tauschen.

Und in welcher Umgebung soll das laufen?
Gibt es da Vorraussetzungen?

Ergänzung (12. März 2024)

E: Fragen ergänzt

 

[Raijin]

In welchem Kontext suchst du denn danach? Was willst du damit wie und wo anstellen?

Man kann icons von font awesome auch selbst entsprechend zusammenbauen und braucht dazu kein Plugin o.ä.

Hier wird erklärt wie man das macht. Ich programmiere zB eine ASP.NET Anwendung und verwende dort zahlreiche solcher Icons im (cs)html-Code.

 

[Schumiel]

Ich habe mittlerweile einen Weg gefunden.

    const fontAwesomeIcon = L.divIcon({
        html: '<i class="fa fa-car"></i>',
        iconUrl: '/img/leaflet.png',
        iconSize: [34, 44],
        className: 'myDivIcon'
    });

    L.marker([48.7, 5.1], {
        icon: fontAwesomeIcon
    }).addTo(map)
        .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')

 

[SheepShaver]

Steht doch alles im Eingangspost. Er will für die Marker Icons in Leaflet Font Awesome verwenden.
Was ist mit https://github.com/coryasilva/Leaflet.ExtraMarkers?

 

[Schumiel]

Dürfte auch nicht mehr funktionieren, weil die leaflet-Version veraltet ist, sowie die anderen auch. Aber ich habe es damit gelöst. Alles gut. Danke. :-)