Is Exist a method for sorting file geojson

[muhamedoufi]

I want to sort geojson file by nearest : that mean each feature must be next to the nearest feature on map ,
In the programs gis : Features are typically sorted by which object is first created.
This is an exemple of features
the LAST FEATURE maybe it close the FIRST feature but it is not next to the first feature in file
if exist any method for achieve this please tell me
OR if you have any code can make this please give it me preference in javascript

{ "type": "Feature", "properties": { "LOT": "NP-TZ1810", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.982309611878255, 18.102436850991264 ], [ -15.982584033766594, 18.102452907641876 ], [ -15.982540285068708, 18.102675035583385 ], [ -15.982265861889219, 18.102658978892062 ], [ -15.982309611878255, 18.102436850991264 ] ] ] ] } },
{ "type": "Feature", "properties": { "LOT": "NP-TZ1811", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.982000375746424, 18.100968150660009 ], [ -15.98236643944518, 18.10081559802428 ], [ -15.982495432245116, 18.100987529293686 ], [ -15.98220966728344, 18.101121611786912 ], [ -15.982103615200023, 18.101171371828887 ], [ -15.982000375746424, 18.100968150660009 ] ] ] ] } },
{ "type": "Feature", "properties": { "LOT": "NP-TZ1812", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.981912336711105, 18.100848439552127 ], [ -15.981636111621869, 18.101093017122892 ], [ -15.981480832821266, 18.100925285908147 ], [ -15.981754651760811, 18.100680192116769 ], [ -15.981912336711105, 18.100848439552127 ] ] ] ] } },
{ "type": "Feature", "properties": { "LOT": "NP-TZ1813", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.98389009253162, 18.10215918318044 ], [ -15.983803464230318, 18.101895794586593 ], [ -15.984044672383861, 18.101799742653679 ], [ -15.984145097203321, 18.102043212636282 ], [ -15.98389009253162, 18.10215918318044 ] ] ] ] } },
{ "type": "Feature", "properties": { "LOT": "NP-TZ1814", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.98389009253162, 18.10215918318044 ], [ -15.984145097203321, 18.102043212636282 ], [ -15.984190019558669, 18.102152123334523 ], [ -15.98423347715636, 18.102257481639995 ], [ -15.983937790313071, 18.102369015571025 ], [ -15.98389009253162, 18.10215918318044 ] ] ] ] } },
{ "type": "Feature", "properties": { "LOT": "NP-TZ1815", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.978661526659096, 18.09707476539619 ], [ -15.97887598691829, 18.097108583343093 ], [ -15.978832474029579, 18.097360933543619 ], [ -15.978618017241772, 18.097327114640557 ], [ -15.978661526659096, 18.09707476539619 ] ] ] ] } },
{ "type": "Feature", "properties": { "LOT": "NP-TZ1816", "MOUGHATAA": "Tevragh Zeina", "LOTISSEMEN": "Secteur_A_Residentiel", "ILOT": "Secteur_A_Residentiel" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -15.979323549541252, 18.097179163149931 ], [ -15.979280037276114, 18.097431511612399 ], [ -15.979046931837528, 18.097394753103032 ], [ -15.979090443482653, 18.097142403777774 ], [ -15.979323549541252, 18.097179163149931 ] ] ] ] } }```

[stebogit]

how about associating each feature to a centroid point and calculate distances among those?

[muhamedoufi]

how about associating each feature to a centroid point and calculate distances among those?

Good idea but don't match. Because sort() function take 2 parametres (features) if i calculate distance between them i get one distance can't compared with other
I want to implement this in react native.

This is a snippet of my code that sorte file by distance betwen each feature and the first feature in file but it's not optimal

import { findNearest, getBounds, getCenter, getDistance, getPreciseDistance, isPointInPolygon } from 'geolib';
import MapView, { Marker, Polygon, PROVIDER_GOOGLE, MAP_TYPES, Geojson, Callout, } from 'react-native-maps';
 const secteur_res = require('../data/Secteur_A_Residentiel.json')

renderPolygon() {
    const campus = secteur_res;
    // const polygon = apiResponse.features[2].coordinates[0].map(coordsArr => { 
    let clicked = false
    let idx;
    const includeNext = this.state.secteur_releved.map(el => el + 1)
    const sorted_features = campus.features.sort((a, b) => {
      const  first = campus.features[0].geometry.coordinates[0][0].map(arr=>{return ({ latitude: arr[1], longitude: arr[0]})})
      const centerFirst = getCenter(first)
      const a_geo = a.geometry.coordinates[0][0].map(coordsArr => { return ({ latitude: coordsArr[1], longitude: coordsArr[0] }) })
      const b_geo = b.geometry.coordinates[0][0].map(coordsArr => { return ({ latitude: coordsArr[1], longitude: coordsArr[0], }) })
      // const a_bounds = getBounds(a_geo)
      // console.log(a_bounds)
      const nearFromA= findNearest(centerFirst,a_geo)
      const nearFromB = findNearest(centerFirst,b_geo)
     
      const dist1 = getPreciseDistance(centerFirst,nearFromA)
      // console.log(dist1,dist2)
      const dist2 = getPreciseDistance(centerFirst,nearFromB)
            // console.log(dist1,dist2)

     
      if (dist1 < dist2) { return -1; }
      if (dist1 > dist2) { return 1; }
      return 0;

    })

    const geojson = sorted_features.map((geo, index) => {
      // console.log(isExist)
      const featureCollection = {
        "type": "FeatureCollection",
        "features": []
      }
      // const next_geo = featureCollection.features.push(next)
 

      return (
        <Geojson

          tappable
          key={index}
          geojson={featureCollection}
          // strokeColor='red' 
          fillColor={index==0 ||index==1 ||index==2||index==3? 'red' : "grey"}
          strokeWidth={1}
          onPress={() => console.log('index= ',index, geo)}


        />
      )


    });


    return (geojson)

  }