не может получить доступ к элементу 'координаты' коллекции объектов geojson - PullRequest
Новая
       11

не может получить доступ к элементу 'координаты' коллекции объектов geojson

1 голос
/ 11 апреля 2019

В моем приложении Angular есть коллекция объектов GeoJSON, представляющая собой массив объектов, каждый из которых содержит объект геометрии и объект свойств.Структура выглядит следующим образом: 

import { FeatureCollection, Feature } from 'geojson';

staticBreadcrumbs: GeoJSON.FeatureCollection<GeoJSON.Geometry>;

this.staticBreadcrumbs = {
    type : 'FeatureCollection',
    features: [
    {
        type: 'Feature',
        properties: {
            property1:  'property1',
            property2:  'property2'
        },
        geometry: {
            type: 'Point',
            coordinates: [-117.14024305343628, 32.81294345855713]
        }
    },
    {
        type: 'Feature',
        properties: {
        ...

Я пытаюсь создать маркер mapboxgl для каждого объекта в коллекции, и мне нужно получить координаты от каждого объекта GeoJSON, компилятор сообщает мне, что координаты не 'т часть функции.Конкретная ошибка: свойство «координаты» не существует для типа «геометрия».Свойство 'координаты' не существует для типа 'GeometryCollection'. 

console.log('this.staticBreadcrumbs.features[0]', this.staticBreadcrumbs.features[0]);

var marker = new Marker(el)
    .setLngLat([
        this.staticBreadcrumbs.features[0].geometry.coordinates[0],
        this.staticBreadcrumbs.features[0].geometry.coordinates[1]
    ])
    .addTo(this.map);

В моем console.log отображаются 

 this.staticBreadcrumbs.features[0]
 {type: "Feature", properties: {…}, geometry: {…}}
 1.  geometry:
     1.  coordinates: Array(2)
         1.  0: -117.14024305343628
         2.  1: 32.81294345855713
         3.  length: 2
         4.  __proto__: Array(0)
     2.  type: "Point"
   2. __proto__: Object
2. properties: {deviceID: "CAP498", altitude: 401.6721913312, autonomous: 0, azimuth: 0, batteryStatusLabel: "Nominal", …}
3. type: "Feature"
4. __proto__: Object

Координаты находятся именно там, где я ожидаю, но я могуне добраться до них.Я перепробовал разные способы объявления коллекции объектов, но не могу найти правильную комбинацию.

Что мне нужно сделать, чтобы получить доступ к координатам?

Спасибо.....

1 Ответ

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

Что мне нужно сделать, чтобы получить доступ к координатам?

Короткий ответ

Убедитесь, что geometry является Point, прежде чем пытаться получить доступ к свойству coordinates. 

if (staticBreadcrumbs.features[0].geometry.type === 'Point') {

    var marker = new Marker(el)
        .setLngLat([
            this.staticBreadcrumbs.features[0].geometry.coordinates[0],
            this.staticBreadcrumbs.features[0].geometry.coordinates[1]
        ])
        .addTo(this.map);

}

Объяснение

Проблема, с которой вы столкнулись, возникает из-за того, что Geometry является типом объединения .

Тип объединения описывает значение, которое может быть одним из нескольких типов. Мы используем вертикальную черту (|) для разделения каждого типа ...

Это определение типа объединения Geometry: 

export type Geometry = 
    Point |
    MultiPoint | 
    LineString | 
    MultiLineString | 
    Polygon | 
    MultiPolygon | 
    GeometryCollection;

Как видите, тип Geometry представляет собой объединение семи типов. К сожалению, не все эти типы включают свойство coordinates.

Если у нас есть значение, имеющее тип объединения, мы можем получить доступ только к тем элементам, которые являются общими для всех типов в объединении.

Именно поэтому мы можем получить доступ к свойству coordinates только после того, как сузили тип.

Некоторые другие параметры

Если вы используете только Point типы в вашем FeatureCollection, то используйте тип Point в качестве универсального параметра: 

let staticBreadcrumbs: FeatureCollection<Point>;

Если вы используете в своем FeatureCollection различные типы, то используйте приведение, чтобы сказать контролеру типов, что вы уверены, что у вас есть Point: 

(staticBreadcrumbs.features[0].geometry as Point).coordinates[0]

Как показано в Short Answer , вместо использования приведения можно использовать условный оператор для сужения типа: 

const geometry = staticBreadcrumbs.features[0].geometry;

if (geometry.type === 'Point') {
    const coordinates00 = geometry.coordinates[0];
    const coordinates01 = geometry.coordinates[1];
}

Вот краткое демо этого последнего примера здесь .

...