使用传单的自定义标记

我正在尝试使用涉及Leaflet的API。这个想法是在地图上放置兴趣点。

在这个小提琴中，你可以看到我想要完成什么：小提琴。我面临的问题是，当我尝试添加自定义图标时，缩放和锚定失败。由于某种原因，默认图标在地图上正确放置，我不知道为什么这些图标也没有失败。

我的所有代码都与小提琴大致相同，除了以下部分：

下面你可以看到我如何制作一个自定义图标：

var waypoint = L.icon({
    iconUrl: 'waypoint.png',        
    //iconSize: [30, 30], // size of the icon       
    iconAnchor: [0, 0] // point of the icon which will correspond to marker's location      
});

在下面，您可以看到我如何在标记中添加图标：

L.marker(unproject(poi.coord), {
                    title: poi.name,
                    icon: waypoint
                }).addTo(map);

更新：下面您可以看到差异：

图像

我错过了什么？