自定义和本地存储的图标(png)无法加载

时间:2020-05-29 18:14:19

标签: html windows leaflet

我是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添加了绝对路径,但仍然没有出现标记。

谢谢

0 个答案:

没有答案