Font-Awesome-Icons与Leaflet-Awesome-Markers没有显示

Question

我确定它很简单，但我不知道自己做错了什么。 我正在使用Leaflet Awesome Markers插件。标记工作得很好，问题是Fontawesome-Icons不可见。我已按照说明中的说法逐步完成了所有操作，以下两行都在我的标题中。

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/leaflet.awesome-markers.css">

这两行是我html的结尾：

    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
    <script src="js/leaflet.awesome-markers.js"></script>

正如https://github.com/lvoogdt/Leaflet.awesome-markers中所说，这是我的剧本：

var restaurantMarker = L.AwesomeMarkers.icon({
icon: 'coffee', 
markerColor: 'darkred',
prefix: 'fa', 
iconColor: 'black'
});

L.marker([48.185556, 11.620278], {icon: restaurantMarker}).addTo(map)
    .bindPopup('Aumeister');

因为它在这里工作http://jsfiddle.net/VPzu4/92/并且至少我试图按照描述的那样做所有事情，我只是没有看到错误....

此外，正如您在图片中看到的那样，图标应位于标记中...

Answer 1

我真的无法帮助你，因为我没有所有代码但是：

在我看来，你没有为你的Font-Awesome使用合适的系列。 如果您查看图标的字体系列，则会显示“locate-fa”，它会从 locate-fa.css.22 获取CSS。

我测试了您的代码，并且由于正确的CSS My fiddle而正常工作。

.fa{
    font-family: FontAwesome;    

但是，如果你在检查标记时查看CSS，它会正确地说CSS来自 font-awesome.css 并且font-family是正确的 FontAwesome < / em>的

尝试找到干扰CSS的“locate”部分，它应该可以正常工作！