KML和OpenLayers

Question

这是OpenLayers 3的示例：http://openlayers.org/en/v3.15.1/examples/kml-earthquakes.html

我复制代码并粘贴到我的Visual Studio 2012项目中，但它不起作用。 我直接从此页面下载示例后：http://openlayers.org/download/

我打开任何HTML示例但它不起作用。为什么它可以在我的电脑上在线工作而不是本地工作。我是否需要导入任何其他库？

Answer 1

如果您打开了浏览器的JS控制台，您会看到类似这样的内容：

  

ol.js：278 XMLHttpRequest无法加载文件：/// Users /（... snip ...）/ v3.15.1/examples/data/kml/2012_Earthquakes_Mag5.kml。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。

解释可以是easily found on Stack Overflow，最简单的解决方案是运行本地Web服务器，通过HTTP公开本地示例文件夹。可以说最简单的解决方案是使用python的内置HTTP服务器。从OpenLayers/v3.15.1/文件夹内部执行：

  

python -m SimpleHTTPServer 8000

或者，如果您使用的是Python 3：

  

python -m http.server 8000

然后，一旦您导航到http://localhost:8000/examples/kml-earthquakes.html，您就会看到示例正确加载，就像在openlayers.org上部署的版本一样。