3

私は Openlayers を初めて使用するので、WMSGetFeatureInfo を機能させるための助けをいただければ幸いです。いくつかの例を試してみましたが、コードに貼り付けるたびに同じ結果が得られます。クリックして情報を取得すると、マウスが待機中のシンボルに変わります。

この OpenLayers の例を正確にコピーしてみることにしました: http://openlayers.org/dev/examples/getfeatureinfo-popup.html

ソース コードをコピーし、ソースを相対から絶対に変更しました。私はそれを実行しました-同じ問題があることを除いて！Web サイトから例を実行すると、ポップアップが表示されます。ローカル バージョン (以下を参照) を実行すると、地図をクリックすると思考記号が表示されます。私は何が欠けていますか？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<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>GetFeatureInfo Popup</title>

<script src="http://openlayers.org/dev/OpenLayers.js">
</script>
<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>
OpenLayers.ProxyHost = "proxy.cgi?url=";

var map, info;

function load() {
    map = new OpenLayers.Map({
        div: "map",
        maxExtent: new OpenLayers.Bounds(143.834,-43.648,148.479,-39.573)
    });

    var political = new OpenLayers.Layer.WMS("State Boundaries",
        "http://demo.opengeo.org/geoserver/wms", 
        {'layers': 'topp:tasmania_state_boundaries', transparent: true, format: 'image/gif'},
        {isBaseLayer: true}
    );

    var roads = new OpenLayers.Layer.WMS("Roads",
        "http://demo.opengeo.org/geoserver/wms", 
        {'layers': 'topp:tasmania_roads', transparent: true, format: 'image/gif'},
        {isBaseLayer: false}
    );

    var cities = new OpenLayers.Layer.WMS("Cities",
        "http://demo.opengeo.org/geoserver/wms", 
        {'layers': 'topp:tasmania_cities', transparent: true, format: 'image/gif'},
        {isBaseLayer: false}
    );

    var water = new OpenLayers.Layer.WMS("Bodies of Water",
        "http://demo.opengeo.org/geoserver/wms", 
        {'layers': 'topp:tasmania_water_bodies', transparent: true, format: 'image/gif'},
        {isBaseLayer: false}
    );

    var highlight = new OpenLayers.Layer.Vector("Highlighted Features", {
        displayInLayerSwitcher: false, 
        isBaseLayer: false 
    });

    map.addLayers([political, roads, cities, water, highlight]); 

    info = new OpenLayers.Control.WMSGetFeatureInfo({
        url: 'http://demo.opengeo.org/geoserver/wms', 
        title: 'Identify features by clicking',
        queryVisible: true,
        eventListeners: {
            getfeatureinfo: function(event) {
                map.addPopup(new OpenLayers.Popup.FramedCloud(
                    "chicken", 
                    map.getLonLatFromPixel(event.xy),
                    null,
                    event.text,
                    null,
                    true
                ));
            }
        }
    });
    map.addControl(info);
    info.activate();

    map.addControl(new OpenLayers.Control.LayerSwitcher());
    map.zoomToMaxExtent();
}

</script>
</head>
<body onload="load()">
<h1 id="title">Feature Info in Popup</h1>
<div id="tags">WMS, GetFeatureInfo, popup</div>
<p id="shortdesc">Demonstrates the WMSGetFeatureInfo control for fetching information about a position from WMS (via GetFeatureInfo request). Results are displayed in a popup.       </p>
<div id="map" class="smallmap"></div>
<div id="docs"></div>
</body>
</html>
4

2 に答える 2

3

これは、クロスドメイン リクエストの問題のようです。WMS getMap の場合、リクエストは画像に対するものであるため、任意のドメインを使用できます。GetFeatureInfo の場合、要求は XML に対するものであるため、同じドメインに対するものである必要があります。

これを克服するために、OpenLayers にはプロキシ設定があります。

基本的OpenLayers.ProxyHostに、プロキシ cgi スクリプトを指すように設定する必要があります。その例は OpenLayers src で提供されています。

于 2012-11-17T16:01:29.853 に答える
1

I figured out what I was doing wrong with my example. I changed the SCRIPT and LINK references from relative to absolute, but I left the following unchanged:

OpenLayers.ProxyHost = "proxy.cgi?url=";

When I changed it to: 

OpenLayers.ProxyHost = "http://openlayers.org/dev/examples/proxy.cgi?url=";

The example worked just fine from my PC.

于 2012-11-19T19:26:40.227 に答える