открытый слой не получает точную площадь по геойсону - PullRequest
Новая
       24

открытый слой не получает точную площадь по геойсону

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

Я пытаюсь установить полигоны с помощью объекта json, но мои полигоны размещаются в разных местах на карте.Я использую openlayers впервые.Я привел несколько примеров в документах с открытыми слоями, но ни один из них не решит мою проблему.Я прилагаю несколько снимков экрана для того же.Пожалуйста, помогите мне.Если какая-либо документация, которой я должен следовать для этого, мне очень поможет.

Я попробовал следующие ссылки:

  1. https://gis.stackexchange.com/questions/134688/add-geojson-layer-to-openlayers-3
  2. Географические координаты GeoJSON нетотображение на карте OpenLayers
  3. Попытка отобразить GeoJSON на Openlayers 3 
var image = new CircleStyle({
      radius: 5,
      fill: null,
      stroke: new Stroke({color: 'red', width: 1})
    });

    var styles = {
      'Point': new Style({
        image: image
      }),
      'LineString': new Style({
        stroke: new Stroke({
          color: 'green',
          width: 1
        })
      }),
      'MultiLineString': new Style({
        stroke: new Stroke({
          color: 'green',
          width: 1
        })
      }),
      'MultiPoint': new Style({
        image: image
      }),
      'MultiPolygon': new Style({
        stroke: new Stroke({
          color: 'yellow',
          width: 1
        }),
        fill: new Fill({
          color: 'rgba(255, 255, 0, 0.1)'
        })
      }),
      'Polygon': new Style({
        stroke: new Stroke({
          color: 'blue',
          lineDash: [4],
          width: 3
        }),
        fill: new Fill({
          color: 'rgba(0, 0, 255, 0.1)'
        })
      }),
      'GeometryCollection': new Style({
        stroke: new Stroke({
          color: 'magenta',
          width: 2
        }),
        fill: new Fill({
          color: 'magenta'
        }),
        image: new CircleStyle({
          radius: 10,
          fill: null,
          stroke: new Stroke({
            color: 'magenta'
          })
        })
      }),
      'Circle': new Style({
        stroke: new Stroke({
          color: 'red',
          width: 2
        }),
        fill: new Fill({
          color: 'rgba(255,0,0,0.2)'
        })
      })
    };

    var styleFunction = function(feature) {
      return styles[feature.getGeometry().getType()];
    };

 var geojsonObject = {
"type": "FeatureCollection",
"features": [
...
],
"totalFeatures": 12,
"numberMatched": 12,
"numberReturned": 12,
"timeStamp": "2019-04-23T05:39:42.875Z",
"crs": {
"type": "name",
"properties": {
"name": "urn:ogc:def:crs:EPSG::3997"
}
}
}

var vectorSource = new VectorSource({
      features: (new GeoJSON({
        featureProjection: 'EPSG:3997',
        dataProjection: 'EPSG:4326'
      })).readFeatures(geojsonObject),

    });
    // var center = fromLonLat([0, 0], 'EPSG:4326', 'EPSG:3997');
    vectorSource.addFeature(new Feature());

    var vectorLayer = new VectorLayer({
      source: vectorSource,
      style: styleFunction,
    });

    var map = new Map({
      layers: [
        new TileLayer({
          source: new OSM()
        }),
        vectorLayer
      ],
      target: 'map',
      view: new OlView({
        center: [0, 0],
        zoom: 2,

      })
    });

Я получаю стили, которые расположены в Африке, но не наПлощадь ОАЭ.

1 Ответ

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

Если данные геоджона имеют формат EPSG: 3997 и вы используете представление OSM по умолчанию, вам нужно 

    dataProjection: 'EPSG:3997',
    featureProjection: 'EPSG:3857'

Вам также необходимо зарегистрировать определение proj4 для EPSG: 3997 

  import {register} from 'ol/proj/proj4.js';
  import proj4 from 'proj4';

  proj4.defs('EPSG:3997',
      '+proj=tmerc +lat_0=0 +lon_0=55.33333333333334 +k=1 +x_0=500000 +y_0=0 +datum=WGS84 +units=m +no_defs');
  register(proj4);
...