我是Leaflet.js的新手,现在正在关注Leaflet API参考文档。我在显示自定义图标时遇到问题。我创建了一个简单的测试图标,大小为20x20像素,名为:testIcon.png。我使用Windows画图并将其另存为png在html页面存储的文件夹中。
var myIcon = L.icon({
iconUrl: 'testIcon.png',
iconSize: [20, 20]
});
然后我使用自定义图标创建了一个标记并将其添加到地图中,如下所示:
marker_1 = L.marker([36.209625, -95.464610],{icon: myIcon}).bindPopup("<b>Marker_1</b><br>BC1E").addTo(mymap);
并且自定义标记不显示。如果我从默认标记(蓝色标记)上方的代码中删除了文本:“,{icon:myIcon}”,则不会显示。我已经尝试按照其他帖子的方式向png添加了绝对路径,但仍然没有出现标记。
谢谢