如何通过自定义图标更改传单地图的图标

时间:2019-06-14 05:49:46

标签: asp.net-core-mvc leaflet icons

我下载了一个我想成为我的标记图标的图像。我将此图像保存在asp.net核心项目路径中:wwwroot / images / green_icon。然后我写下面的代码

var greenIcon = L.icon({ 
    iconUrl: '~/images/green_icon.png'
});

    L.marker([41.349412, 2.151421], {
        title: 'Martainer',
        id: '1',
        icon: greenIcon
    }).addTo(mymap)

我的问题是,当我运行该应用程序时,我看到以下错误: GET http://localhost:5000/Home/~/images/green_icon.png 404(未找到)

我不知道如何更改此路径。我的图片在我的项目中。 有什么帮助吗? 谢谢

1 个答案:

答案 0 :(得分:0)

尝试使用iconUrl: 'images/green_icon.png'

就我而言,我使用的是'img / mypath.png'

我的项目结构是这样的 enter image description here