Слой WFS не отображается

Я создал слой WFS GeoJson из GeoServer, я получил этот URL ' http://localhost:8080/geoserver/trail/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=trail:sbi_branch_data&maxFeatures=50&outputFormat=application%2Fjson', I пример из примеров OL3 Из этого кода я попробовал некоторый код в OpenLayer3, но выдает ошибку. Пожалуйста, помогите мне. Спасибо.

<!DOCTYPE html>
<html>
  <head>
    <title>WFS</title>
   <!-- <link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
  <!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="https://openlayers.org/en/v4.1.0/build/ol.js"></script>-->

   <link rel="stylesheet" href="css/ol.css" type="text/css" />
     <link rel="stylesheet" href="css/sample.css" type="text/css" />


    </head>

  <body>
    <div id="map" class="map"></div>
     <script src="js/ol.js"></script>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
      var vectorSource = new ol.source.Vector({
        format: new ol.format.GeoJSON(),
        url: function(extent) {
          return 'http://localhost:8080/geoserver/trail/ows?service=WFS&'+
          'version=1.0.0&request=GetFeature&typeName=trail:sbi_branch_data&'+
          'maxFeatures=50&outputFormat=application/json&srsname=EPSG:4326&' +
              'bbox=' + extent.join(',') + ',EPSG:4326';
        },
        strategy: ol.loadingstrategy.bbox
      });


      var vector = new ol.layer.Vector({
        source: vectorSource,
        style: new ol.style.Style({
          stroke: new ol.style.Stroke({
            color: 'rgba(0, 0, 255, 1.0)',
            width: 2
          })
        })
      });

      var raster = new ol.layer.Tile({
       // source: new ol.source.BingMaps({
         // imagerySet: 'Aerial',
        //  key: 'Your Bing Maps Key from http://www.bingmapsportal.com/ here'
      //  })
      });

      var map = new ol.Map({
        layers: [raster, vector],
        target: document.getElementById('map'),
        view: new ol.View({
          center: [20.5937, 78.9629],
          maxZoom: 19,
          zoom: 12
        })
      });
    </script>
  </body>
</html>

Ошибка: "XMLHttpRequest не может загрузить http://localhost:8080/geoserver/trail/ows?service=WFS&version=1.0.0&request… 644126996, -13297.517049905844,22569.517044127,13455.442849905845, EPSG: 4326 доступа Allow-контроль доступа "заголовок присутствует в запрошенном ресурсе. Следовательно, исходному значению" null "запрещен доступ."

Источник

1 ответ

Решение

Я получил решение: сначала я установил Apache, затем изменил файл httpd.config. Я просто поставил

ProxyRequests Off ProxyPreserveHost On <Proxy /geoserver> Require all granted </Proxy> ProxyPass /geoserver http://localhost:8080/geoserver ProxyPassReverse /geoserver http://localhost:8080/geoserverProxyPass / geoserver http://localhost:8080/geoserver ProxyPassReverse / geoserver http://localhost:8080/geoserver

этот код в httpd.config в конце файла. а затем включил это из httpd.config

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_ajp_module modules/mod_proxy_ajp.so
LoadModule proxy_http_module modules/mod_proxy_http.so

Затем все мои HTML-файлы, которые я сохранил в ht-docs в Apache, затем запускает все файлы wfs.

Источник
Другие вопросы по тегам