Функция редактирования в OpenLayers2, опубликованная геосервером, и сохранение обновленной таблицы подключенной базы данных postgres - PullRequest
Новая
       35

Функция редактирования в OpenLayers2, опубликованная геосервером, и сохранение обновленной таблицы подключенной базы данных postgres

0 голосов
/ 10 апреля 2019

Я опубликовал шейп-файл "ind_adm2" в геосервере как Postgis (база данных postgres). Доступ к нему можно получить как к веб-странице с использованием кода OpenLayers, приведенного ниже. Теперь мне нужно отредактировать шейп-файл на самой веб-странице и сохранить отредактированные (обновленные) вещи в базе данных Postgres. Может ли кто-нибудь помочь !!

Я пытался использовать wfs URL-адрес геосервера, но не смог выбрать функцию. 

<html>
     <head>
       <script src="http://openlayers.org/api/OpenLayers.js"></script>
     </head>
     <body>
       <div style="width:100%; height:100%" id="map"></div>
       <script defer="defer" type="text/javascript">

    var map = new OpenLayers.Map('map');
    basemap = new OpenLayers.Layer.WMS( "Layer Name1",
    "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
         utility = new OpenLayers.Layer.WMS( "Layer Name2",
    "http://localhost:8080/geoserver/iirs/ows?", {layers: 'iirs:ind_adm2', 
    transparent:"true"}, {isBaseLayer:false} );

      map.addLayers([basemap,utility]);
      map.zoomToMaxExtent();

  </script>

  </body>
  </html>

Ожидается, что он выберет любой полигон, затем отредактирует его сам и обновит правки в базе данных postgres.

1 Ответ

0 голосов
/ 10 апреля 2019

Поскольку все, что вам нужно, будет намного сложнее, чем ваш существующий код, вы должны обновить его до последней версии OpenLayers (в настоящее время 5.3.0) и развивать с этим. Начать проще с полной сборки https://openlayers.org/en/latest/doc/quickstart.html, которая очень похожа на версию 3 и 4, поэтому вы сможете повторно использовать примеры из этих версий. Для получения справки о редактировании WFS вот один вопрос со ссылками на учебник и несколько примеров Редактирование Javascript WFS из GeoServer с использованием OpenLayers 

  <html>
     <head>
       <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.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://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script>
     </head>
     <body>
       <div style="width:100%; height:100%" id="map"></div>
       <script defer="defer" type="text/javascript">

    var basemap = new ol.layer.Image({
        source: new ol.source.ImageWMS({
            url: "http://vmap0.tiles.osgeo.org/wms/vmap0",
            params: {
                'LAYERS': 'basic'
            },
            projection: 'EPSG:4326',
            ratio: 1
        })
    });

    var utility = new ol.layer.Image({
        source: new ol.source.ImageWMS({
            url: "http://localhost:8080/geoserver/iirs/ows",
            params: {
                'LAYERS': 'iirs:ind_adm2',
                'TRANSPARENT': 'true'
            },
            projection: 'EPSG:4326'
        })
    });

    var map = new ol.Map({
        target: 'map',
        layers: [basemap],  utility],
        view: new ol.View({
            projection: 'EPSG:4326'
        })
    });

    map.getView().fit(map.getView().getProjection().getExtent());

  </script>

  </body>
  </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...