Icons 是否可以在地图框标记中使用字体图标?

Icons 是否可以在地图框标记中使用字体图标?,icons,marker,mapbox,Icons,Marker,Mapbox,我使用的是Maki图标集,但它们非常有限,希望能够使用字体很棒的图标。这可能吗 下面是我用来设置标记图标的代码 marker.setIcon(L.mapbox.marker.icon({ 'title': jobid, 'marker-color': '#e32f2f', 'marker-symbol': 'square' })); 如果您在页面中包含了字体awesome CSS,则可以使用L.DivIcon构造函数创建自定义图标 <style> /* *

我使用的是Maki图标集,但它们非常有限,希望能够使用字体很棒的图标。这可能吗

下面是我用来设置标记图标的代码

marker.setIcon(L.mapbox.marker.icon({
    'title': jobid,
    'marker-color': '#e32f2f',
    'marker-symbol': 'square'
}));

如果您在页面中包含了字体awesome CSS,则可以使用
L.DivIcon
构造函数创建自定义图标

<style>
/*
 * Unlike other icons, you can style `L.divIcon` instances with CSS.
 * These styles make each marker a circle with a border and centered
 * text
 */
.fa-icon {color: red;}
</style>
<div id='map'></div>
<script>
var map = L.mapbox.map('map', 'examples.map-i86nkdio')
    .setView([45.52245801087795, -122.67773866653444], 3);

L.marker([45.52245801087795, -122.67773866653444], {
    icon: L.divIcon({
        // specify a class name that we can refer to in styles, as we
        // do above.
        className: 'fa-icon',
        // html here defines what goes in the div created for each marker
        html: '<i class="fa fa-camera-retro fa-3x"></i>',
        // and the marker width and height
        iconSize: [40, 40]
    })
}).addTo(map);

/*
*与其他图标不同,您可以使用CSS设置'L.divIcon'实例的样式。
*这些样式使每个标记成为一个带边框和居中的圆
*正文
*/
.fa图标{颜色:红色;}
var map=L.mapbox.map('map','examples.map-i86nkdio')
.setView([45.52245801087795,-122.67773866653444],3);
L.标记([45.52245801087795,-122.67773866653444]{
图标:L.divIcon({
//指定可以在样式中引用的类名,如
//做上面的事。
类名:“fa图标”,
//这里的html定义了为每个标记创建的div中的内容
html:“”,
//以及标记的宽度和高度
iconSize:[40,40]
})
}).addTo(地图);

这里有一个完整的例子:

谢谢你的帮助。根据您的示例,我可以更新我的原始代码以使用L.divIcon而不是L.mapbox.marker.icon

marker.setIcon(L.divIcon({
    className: 'count-icon-emergency',
    html: '<i class="fa fa-check"></i>',
    iconSize: [40, 40]
}));
marker.setIcon(L.divIcon({
className:“计数图标紧急情况”,
html:“”,
iconSize:[40,40]
}));

此方法很容易推广到非fa图标+1.