KML 和 OpenLayers
KML and OpenLayers
这是 OpenLayers 3 的示例:http://openlayers.org/en/v3.15.1/examples/kml-earthquakes.html
我复制代码并粘贴到我的 Visual Studio 2012 项目中,但它不起作用。
在我直接从此页面下载示例后:http://openlayers.org/download/
我打开了任何 HTML 示例,但它不起作用。为什么它可以在线工作,而不是在我的 PC 本地工作。我需要导入任何额外的库吗?
如果您打开浏览器的 JS 控制台,您会看到如下内容:
ol.js:278 XMLHttpRequest cannot load file:///Users/(...snip...)/v3.15.1/examples/data/kml/2012_Earthquakes_Mag5.kml. Cross origin requests are only supported for protocol schemes: http, data, 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 上的版本完全一样。
这是 OpenLayers 3 的示例:http://openlayers.org/en/v3.15.1/examples/kml-earthquakes.html
我复制代码并粘贴到我的 Visual Studio 2012 项目中,但它不起作用。 在我直接从此页面下载示例后:http://openlayers.org/download/
我打开了任何 HTML 示例,但它不起作用。为什么它可以在线工作,而不是在我的 PC 本地工作。我需要导入任何额外的库吗?
如果您打开浏览器的 JS 控制台,您会看到如下内容:
ol.js:278 XMLHttpRequest cannot load file:///Users/(...snip...)/v3.15.1/examples/data/kml/2012_Earthquakes_Mag5.kml. Cross origin requests are only supported for protocol schemes: http, data, 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 上的版本完全一样。