传单很棒的标记插件抛出图标未定义错误

时间:2019-06-08 11:49:14

标签: javascript html leaflet

我正在尝试使用令人赞叹的小叶标记插件,并像

一样使用它
for (var i = 0; i < lineArray.length; i++) {
        var singleLine= lineArray[i].split(' ');
        console.log(singleLine) //And I get the array ["A", "B", "C", "D", "E"]
          if (singleLine[4] === 'E') {
             console.log("it works")
   }
}

但是当我渲染它时,我得到并出错了

  

无法读取未定义的属性'icon'

我不确定为什么会遇到此错误。感谢您的任何帮助

1 个答案:

答案 0 :(得分:4)

您的leaflet.awesome-markers脚本链接无效:

<script src="https://github.com/lvoogdt/Leaflet.awesome-markers/blob/2.0/develop/dist/leaflet.awesome-markers.js"></script>

它引用github page of the script,而不是原始源代码。 将其替换为原始脚本文件。

带有有效CDN链接的脚本标签:

<script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.0/leaflet.awesome-markers.min.js"></script>