传单真棒标记 - 气球不显示答案

【问题标题】：Leaflet Awesome Markers - Balloons not showing传单真棒标记 - 气球不显示
【发布时间】：2019-01-14 09:46:09
【问题描述】：

这其实很奇怪。

我是这个库的新手，所以我不知道是否有任何变化并且教程已经过时了。

当我这样做时：

L.marker([51.344853, 0.098877]).addTo(mymap);

显示默认的蓝色气球标记。

如果我这样做：

var redMarker = L.AwesomeMarkers.icon({
        icon: 'coffee',
        iconColor: 'black',
        prefix: 'fa',
        markerColor: 'red'
});
L.marker([51.344853, 0.098877], {icon: redMarker}).addTo(mymap);

我希望会显示一个红色气球以及一个咖啡图标。但我得到的只是咖啡图标，没有气球。

请问，我还有什么需要设置的吗？

谢谢！

【问题讨论】：

标签： javascript leaflet font-awesome

【解决方案1】：

我猜你忘了附加一些依赖项。您还记得添加指向 font-awesome 和 Leaflet.awesome-markers css 和 js 文件的链接吗？

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>

请查看工作笔示例：

https://codepen.io/dagmara223/pen/BpqdZm

【讨论】：

谢谢！原来我没有引用正确的依赖项。此外，我在 dist/images 中的几个文件已损坏。非常感谢！