Как вы конвертируете обычный географический JSON, поступающий с сервера, в GeoJson? - PullRequest
Новая
       39

Как вы конвертируете обычный географический JSON, поступающий с сервера, в GeoJson?

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

У меня есть сервер с географическими данными в обычном формате json, который мне нужно перевести в формат geojson, чтобы Mapbox мог его читать. Как ты это делаешь?

Например, как вы конвертируете это: 

[
  {
    "id": 0,
    "name": "Hotel",
    "icon": "Sleep",
    "address": "SampleStreet 34",
    "latitude": 12,
    "longitude": 55
  }
]

в это: 

{
"type": "FeatureCollection",
  "features": [
    {
    "id": 0,
    "type": "Feature",
    "properties": {
      "placeID": 0,
      "name": "Hotel",
      "icon": "sleep",
      "addressFormatted": "SampleStreet 34"
    },
    "geometry": {
      "type": "Point",
      "coordinates": [
        12,
        55
      ]
    }
}

Ответы [ 3 ]

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

Я использовал GeoJson (https://www.npmjs.com/package/geojson) для синтаксического анализа своих данных, и это выглядит следующим образом, который работает довольно хорошо: 

import GeoJSON from 'geojson';
import jsonData from './jsonData.json';

const json = jsonData;

const data = GeoJSON.parse(json, {
  Point: ['latitude', 'longitude'],
  include: ['name', 'icon', 'addressFormatted']
});

export default data;

Однако то, чего мне не хватает сейчас, - это моя особенность.id. Кто-нибудь знает, как включить это в? Я не хочу, чтобы мой id был в свойствах.

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

Если вы используете ES6, то что-то вроде этого может работать для вас, JSON.stringify может не понадобиться, если вы можете использовать полученный объект напрямую. 

const data = [
  {
    id: "0",
    name: "Hotel",
    icon: "Sleep",
    address: "SampleStreet 34",
    latitude: "12",
    longitude: "55"
  },
  {
    id: "1",
    name: "Landmark",
    icon: "Star",
    address: "SampleStreet 1234",
    latitude: "99",
    longitude: "100"
  }
];

const geojson = {
  type: "FeatureCollection",
  features: data.map(item => {
    return {
      id: item.id,
      type: "Feature",
      properties: {
        placeID: item.id,
        name: item.name,
        icon: item.icon,
        addressFormatted: item.address
      },
      geometry: {
        type: "Point",
        coordinates: [item.latitude, item.longitude]
      }
    };
  })
};

console.log(geojson);
console.log(JSON.stringify(geojson));
0 голосов
/ 03 апреля 2019

Существуют библиотеки @turf, которые могут помочь с этим, поэтому вы можете сделать что-то вроде: 

import { lineString as makeLineString } from '@turf/helpers';

и затем использовать его следующим образом (обратите внимание, что долгота идет первой) 

var coords = [];
var dataarray = JSON.parse(thejson);
for (var i=0; i < dataarray.length; i++){
    obj = dataarray[i];
    coords.push([obj.long, obj.latitude]);    
}

let mapboxpoints = makeLineString(coords)

Вы должны проверить примеры картографических карт здесь: https://github.com/nitaliano/react-native-mapbox-gl/tree/master/example/src

...