在传单地图上使用 angular material 个图标（而不是传单额外标记图标）

Question

我想使用 material 设计图标作为传单地图上的图标。首先，我尝试像这样使用 extraMarker :

var marker = {
                lat: 51.505,
                lng: -0.009,
                focus: true,
                message: 'hey',
                draggable: false,
                icon: {
                    type: 'extraMarker',
                    icon: 'fa-coffee',
                    markerColor: 'red',
                    iconColor: 'black',
                    prefix: 'fa',
                    shape: 'circle'
                },
             };

这个带有咖啡图标的额外标记已成功添加到地图上。 我的问题是：如何使用 angular material 图标（例如：local_cafe 图标而不是 fa-coffee？）。 有一种方法可以在传单地图上呈现 material 的图标吗？

谢谢！

Answer 1

查看 Leaflet.Icon.Glyph 插件。