视图源复制后的传单Map JS控制台问题

Question

在从视图源复制代码时，我在使用传单JS地图时遇到问题：

根据我先前的问题：

从视图复制的传单地图代码-来源:不工作

看来我需要一个网络服务器，

不幸的是，它也不能在本地运行。

在使用了来自web的javascript代码之后，我总是在我的控制台中遇到很多问题。

我故意复制代码的每一行，同时考虑到任何链接。现在我不明白问题在哪里。

在web服务器中，某些人的代码看起来是清晰的，控制台是清楚的。

就像这里：

https://harrywood.co.uk/maps/examples/leaflet/kml.html

一旦我复制了驱动器上的所有内容并将其放入Wampp本地主机，我的控制台中就会出现很多错误，如下所示：

CORS策略阻止在'file:///U:/Work/Leaflet/KML/LotA.kml‘from 'null’上访问XMLHttpRequest :只支持协议方案: http、数据、铬、铬扩展、https。file:///U:/Work/Leaflet/KML/LotA.kml KML.js:31 GET net::ERR_FAILED

代码KML.js在web服务器上工作，它与我的文件完全相同！

你能帮我澄清一下吗？我能把它放在本地主机上吗？

你知道如何正确复制代码吗？我忘了什么东西？

​

Answer 1

您需要从控制台的网络选项卡下载KML文件，在本地存储它，然后复制粘贴客户端代码。

请注意，此示例使用的是一个非常老版本的传单，0.7.x

您可以在下面的演示中看到该示例

编辑：我在本地检查了它，对于前面的库，您是正确的。我制作了一个在本地工作的柱塞，使用传单杂食库来可视化kml。我和npm的发球一起运行，似乎正在工作。

var runLayer = omnivore.kml('test.kml').addTo(map).on('ready', function () {
    map.fitBounds(runLayer.getBounds());
});

交替演示