Question

这实际上很奇怪。

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

当我这样做时：

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);

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

请，我还要设定其他内容吗？

谢谢！

Answer 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

单张超赞标记-气球未显示

1 个答案: