0

我在本地服务器上使用以下 EarthQuake 地图: https ://openlayers.org/en/v4.6.5/examples/kml-earthquakes.html

我的“视图”文件夹中的应用程序中有一个独立的“map.html”地图。实施这个工作正常,地图加载,并使用示例数据:

url: 'https://openlayers.org/en/v4.6.5/examples/data/kml/2012_Earthquakes_Mag5.kml' 

数据显示在地图上,到目前为止一切都很好

通过转到这个'data-url',下载一个文件。所以我用我自己的 KML 数据点下载并编辑了这个文件。然后我将此文件放在与我的“map.html”(视图文件夹)相同的文件夹中。

我试图通过路径手动引用它,但遇到了一些 CORS 问题,然后我找到了一些 xmlhttprequest,但不确定这是正确的路径,因为它应该是一个文件(?).....所以一切都沸腾了向下:

如何从 HTML-eartquake 文件的脚本标签中将我的 kml 文件引用到同一文件夹中的该文件?

2020 年 2 月更新:

我认为现在 CORS 问题已被删除。但是,当我尝试实现它时它不起作用:

  1. 如果我在 VectorSource - URL 中使用 Openlayer 示例链接;https://openlayers.org/en/v4.6.5/examples/data/kml/2012_Earthquakes_Mag5.kml,我的应用程序下载这样的文件:“filename.kml”

  2. 如果我在我的服务器上使用我自己的文件,我会得到一个类似“文件名”的文件

在 express/nodejs 我发送这样的文件:

router.get("/mydata", function (req, res) {
    res.sendFile(path + "mydata.kml");
});

以下是 Chrome 下载栏中的示例: 在此处输入图像描述

如何发送带有扩展名的文件?那会解决我的问题吗?

谢谢

4

1 回答 1

1

如果您使用的是 IIS,则需要转到管理面板并添加.kml到 MIME 类型。如果您计划大量添加.geojson(application/json) 和.gml( .gpxtext/xml) 的映射应用程序,也可能会有用。

在此处输入图像描述

您还需要为您的数据文件夹启用跨源访问

在此处输入图像描述

于 2019-11-13T10:21:38.820 回答