在leaflet标记中更正URL路径

Question

我想个性化我的传单标记，因此我正在阅读这个文档。

我的问题在于iconUrl，因为它找不到图像的路径。在这里的文档中，他们只是写道，

iconUrl: 'leaf-green.png'

但如果我只写这个，路径是错误的。

GET http://127.0.0.1:8000/dataMap/leaf-green.png 404 (未找到)

我的想法是，我在js文件夹中，我必须从这里写到标记的路径。

iconUrl: '../img/markers/leaf-green.png',

这是一个GET请求的错误信息：“GET http://127.0.0.1:8000/img/markers/leaf-green.png 404 (未找到)”。以下是我的结构。

它也不起作用。那么，我应该如何编写路径呢？

非常感谢！

- Lleims

Answer 1

JS的执行上下文是当前页面的URL，而不是JS文件在文件夹结构中的位置。因此，路径似乎需要包括您的static文件夹（以及上面未显示的任何文件夹）。

然而，最佳实践是通过在URL前缀加上/来使所有URL相对于站点根目录。这样可以避免在嵌套页面深处（在真实或虚拟路径中）运行JS时出现任何问题。请尝试这个：

iconUrl: '/static/img/markers/leaf-green.png'

- Rory McCrossan