Геосервер и OpenLayers - PullRequest
Новая
       19

Геосервер и OpenLayers

1 голос
/ 21 октября 2019 
<html xmlns="http://www.opengis.net/wfs">

<head>
  <title>Openlayers test</title>
  <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v6.0.1/build/ol.js"></script>
  <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v6.0.1/css/ol.css">
  <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  <style>
    .map {
      height: 500px;
      width: 100%;
    }
  </style>

  <script type="text/javascript">
    $("#document").ready(function() {
      var format = 'image/png';

      var bounds = [185100.3262864739, 939575.001675438,
        830327.599490219, 2583234.181646719
      ];
      var ThuaDat = new ol.layer.Image({
        source: new ol.source.ImageWMS({
          ratio: 1,
          url: 'http://localhost:8080/geoserver/decuong_doan/wms',
          params: {
            'FORMAT': format,
            'VERSION': '1.1.1',
            STYLES: '',
            LAYERS: 'decuong_doan:ho_chi_minh_quan',
          }
        })
      });
      var projection = new ol.proj.Projection({
        code: 'EPSG:3405',
        units: 'm',
        axisOrientation: 'neu'
      });
      var map = new ol.Map({
        target: 'map',
        layers: [
          ThuaDat
        ],
        view: new ol.View({
          projection: projection
        })
      });
      //map.getView().fitExtent(bounds, map.getSize());
      map.getView().fit(bounds, map.getSize());
    });
  </script>
</head>

<body>

  <div id="map" class="map"></div>

</body>

</html>

Я пытаюсь получить WebGIS. но когда я написал этот код, он не запустился просто в белом браузере. ниже этот код. :( это действительно большая проблема для меня, поэтому кто-нибудь может мне помочь, пожалуйста.

Это предварительный просмотр слоя. Поэтому я хочу импортировать эти слои в WebGIS. Я получил этот код, но он не запускается.

enter image description here 1

...