OpenLayers从其他站点加载GML文件

OpenLayers loading a GML file from an other site

本文关键字：GML 文件 加载 站点 其他 OpenLayers      更新时间：2023-09-26

我在将GML文件加载到OpenLayers中时遇到困难。我把问题归结为以下几个方面：-在以下位置复制/跳过示例：http://openlayers.org/dev/examples/behavior-fixed-http-gml.html-替换到绝对的所有链接

这导致了我从localhost运行的以下文件/代码（文件：///）：

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>OpenLayers Vector Behavior Example</title>
        <link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css" type="text/css" />
        <link rel="stylesheet" href="http://openlayers.org/dev/examples/style.css" type="text/css" />
        <script src="http://openlayers.org/dev/OpenLayers.js"></script>
        <script type="text/javascript">
            var map;
            function init(){
                map = new OpenLayers.Map('map');
                var wms = new OpenLayers.Layer.WMS(
                    "OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0",
                    {layers: 'basic'}
                );
                var layer = new OpenLayers.Layer.Vector("GML", {
                    strategies: [new OpenLayers.Strategy.Fixed()],
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "http://openlayers.org/dev/examples/gml/polygon.xml",
                        format: new OpenLayers.Format.GML()
                    })
                });
                map.addLayers([wms, layer]);
                map.zoomToExtent(new OpenLayers.Bounds(
                    -3.92, 44.34, 4.87, 49.55
                ));
            }
        </script>
    </head>
    <body onload="init()">
        <h1 id="title">Vector Behavior Example (Fixed/HTTP/GML)</h1>
        <div id="tags">
            vector, strategy, strategies, protocoll, advanced, gml, http, fixed
        </div>
        <p id="shortdesc">
            Vector layer with a Fixed strategy, HTTP protocol, and GML format.
        </p>
        <div id="map" class="smallmap"></div>
        <div id="docs">
            The vector layer shown uses the Fixed strategy, the HTTP protocol,
            and the GML format.
            The Fixed strategy is a simple strategy that fetches features once
            and never re-requests new data.
            The HTTP protocol makes requests using HTTP verbs.  It should be
            constructed with a url that corresponds to a collection of features
            (a resource on some server).
            The GML format is used to serialize features.
        </div>
    </body>
</html>

问题是GML没有显示（其他一切都很好）。我在控制台中没有错误，但请求的状态为200 OK（在FF控制台和FireBug网络选项卡中）。我缺少什么？同源策略失败应该会显示一些错误，不是吗？

它确实在Chrome中给出了Access Control Allow Origin错误。

XMLHttpRequest无法加载http://openlayers.org/dev/examples/gml/polygon.xml.起源http://fiddle.jshell.net不是允许访问控制允许来源。

对于FF，它确实提供了一个200响应代码，正如您所说，但响应中不包含任何数据。

http://jsfiddle.net/niklasvh/F76Hp/3/

为了保护用户不受脚本将信息发送到遥远服务器的影响，有一个"同源策略"，它规定您只能通过HTTP请求从与当前查看的页面相同的服务器接收数据。

这就解释了为什么wireshark有信息，而firebug没有：浏览器不允许传输信息。

JSON-p是绕过这个问题的一个技巧：

http://en.wikipedia.org/wiki/JSONP

如果您无法访问JSONP源，或者不希望使用JSONP方法，则必须使用代理，该代理会将您的请求转发到远处的服务器，并返回信息，就像它来自您自己的服务器一样。浏览器将无法判断通信最终将到达遥远的服务器，并将允许HTTP请求。

相关文章：