es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

La solicitud GetFeatureInfo a Geoserver devuelve un error.

15 Jun, 2023 Programación

Estoy intentando hacer una solicitud GetFeatureInfo con WMS en Open Layers a Geoserver. La solicitud parece ser hecha y se carga en cada clic como se esperaba, pero la “imagen” se bloquea cada vez. La solicitud se hace a través de un proxy en mi propio ordenador que parece estar funcionando bien. Aquí hay una imagen de los eventos y el código que he estado usando. Como soy bastante inexperto con todos los componentes de esto, cualquier ayuda sería apreciada. Gracias chicos.

El script:

<script>


    var layers = [];
    layers[0] = new ol.layer.Tile({
        source: new ol.source.TileWMS({
            url: 'http://localhost:8080/geoserver/AL2/wms?',
            params: { LAYERS: 'AL2:A2', 'TILED': true, projection: 'EPSG:4326', VERSION: '1.1.1' },
            servertype: 'geoserver';

        })
    });

    layers[1] = new ol.layer.Tile({
        source: new ol.source.OSM()
    });

    layers[2] = new ol.layer.Tile({
        source: new ol.source.OSM()
    });

    var map = new ol.Map({
        target: 'map',
        layers: layers,
        view: new ol.View({
            center: ol.proj.fromLonLat([13, 56]),
            zoom: 8,
            EPSG: 4326,
        })
    });


    function switchLayer(evt) {
        layers[evt.value].setVisible(evt.checked);
    }

    map.on('singleclick', function (event) {
        var url = '../../proxy/proxy.aspx?url=' + layers[0].getSource().getFeatureInfoUrl
            (event.coordinate,
                map.getView().getResolution(), map.getView().getProjection().getCode(),
                {
                    INFO_FORMAT: 'text/html',
                    Layers: "AL2:A2"
                });
        if (url) {
            document.getElementById('info').innerHTML =
                '<iframe seamless src="' + url + '"></iframe>';
        }
    });


</script>

HTML:

“`html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>OpenLayers</title>
<link rel="stylesheet" href="https://openlayers.org/en/v6.5.0/css/ol.css" type="text/css">
<script src="https://openlayers.org/en/v6.5.0/build/ol.js" script="" type="text/javascript"></script>
</head>
<body>
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/build/ol.js">
</script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css">

<pre><code><div id="map" style="position:relative; width: 100%; height: 800px; margin: 0;"></div>
<div id="toolbox" style="position:absolute; top:08px; right:8px; padding:3px; border-radius:4px; color:#fff;background:rgba(255, 255, 255, 0.4); z-index:100;">
<ul id="layerswitcher" style="margin: 0; padding: 10px; border-radius: 4px; background: rgba(0, 60,136, 0.5); list-style-type: none;">
<li><label><input type="checkbox" name="layer" value="0" checked="checked" onclick="javascript:switchLayer(this)">Geoserver</label></li>
<li><label><input type="checkbox" name="layer" value="1" checked="checked" onclick="javascript:switchLayer(this)">LTU</label></li>
<li><label><input type="checkbox" name="layer" value="2" checked="checked" onclick="javascript:switchLayer(this)">GPS</label></li>
</ul>
</div>
<div id="info"> </div>
</code></pre>

</body>
“`

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Basado en la información proporcionada, el problema parece ser que la imagen no se carga cuando se realiza la solicitud GetFeatureInfo en Open Layers a Geoserver. La solicitud se realiza a través de un Proxy en la computadora, que parece estar funcionando bien.

    Se está utilizando el siguiente script para hacer la solicitud WMS:

    var url = '../../proxy/proxy.aspx?url=' + layers[0].getSource().getFeatureInfoUrl(
  event.coordinate,
  map.getView().getResolution(),
  map.getView().getProjection().getCode(),
  {
    INFO_FORMAT: 'text/html',
    Layers: "AL2:A2"
  });
if (url) {
  document.getElementById('info').innerHTML =
    '<iframe seamless="" src="' + url + '"></iframe>'
}

    Una posible razón por la que la imagen puede fallar es que el parámetro INFO_FORMAT está establecido en ‘text/html’ en lugar de ‘image/png’, que es el formato predeterminado para Geoserver.

    Puede intentar cambiar el parámetro INFO_FORMAT a ‘image/png’ en la solicitud y ver si eso ayuda:

    var url = '../../proxy/proxy.aspx?url=' + layers[0].getSource().getFeatureInfoUrl(
  event.coordinate,
  map.getView().getResolution(),
  map.getView().getProjection().getCode(),
  {
    INFO_FORMAT: 'image/png', // cambiar formato a image/png
    Layers: "AL2:A2"
  });
if (url) {
  document.getElementById('info').innerHTML =
    '<iframe seamless="" src="' + url + '"></iframe>'
}

    Otra posible razón podría ser la configuración del proxy o la configuración del firewall que bloquea la imagen. Puede intentar desactivar el proxy temporalmente y verificar si la imagen se carga correctamente. Si no, puede verificar la configuración del firewall para ver si está bloqueando la imagen.

Comments are closed.