jquery - 带有 Leaflet-Awesome-Markers 的 Font-Awesome-Icons 不显示

Question

我确信这很简单，但我只是看不出我做错了什么。 我正在使用 Leaflet Awesome Markers 插件。标记效果很好，问题是 Fontawesome-Icons 不可见。我已经按照描述中的说明一步步完成了所有操作，以下两行在我的 head-tag 中。

<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 并且字体系列是正确的 FontAwesome.

尝试找到干扰您的 CSS 的“定位”部分，它应该可以工作!