Nircek / pikna-mapa

Mapa pokazująca gdzie mieszkają poszczególni uczniowie z klasy 1D.
https://nircek.github.io/pikna-mapa
MIT License
6 stars 2 forks source link

Ustalenie formatu danych #3

Closed Nircek closed 5 years ago

Nircek commented 5 years ago

JSON do JSa będzie lepszy niż XML :smiley:

Nircek commented 5 years ago

Znalazłem coś takiego jak GeoJSON. Fajnie by było tego użyć, bo nie musimy wymyślać własnego standardu, tylko korzystamy z wymyślonego.

Nircek commented 5 years ago

@Marwyk2003 przejrzyj przykład od Leafleta i zrób coś na tej bazie, żeby się zgadzało.

Marwyk2003 commented 5 years ago

Taki będzie format danych w pliku .json:

{
  "type":"FeatureCollection",
  "features":[
    {
      "type":"Feature",
      "geometry":{
        "type":"Point",
        "coordinates":[
          0.0,
          0.0
        ]
      },
      "properties":{
        "Id":"Numer w dzienniku",
        "FirstName":"Imie",
        "LastNameInitial":"Nazwisko",
        "QthLocator":"nazwa locatora"
      }
    },
    {
      "type":"Feature",
      "geometry":{
        "type":"Point",
        "coordinates":[
          0.0,
          0.5
        ]
      },
      "properties":{
        "Id":"30",
        "FirstName":"Marcin",
        "LastNameInitial":"W.",
        "QthLocator":""
      }
    }
  ]
}

Kolejność w "coordinates": [długość geograficzna, szerokość geograficzna]

Aby dodać kolejną osobę należy przekopiować ten fragment`:

{
  "type":"Feature",
  "geometry":{
    "type":"Point",
    "coordinates":[
      0.0,
      0.0
    ]
  },
  "properties":{
    "Id":"Numer w dzienniku",
    "FirstName":"Imie",
    "LastNameInitial":"Nazwisko",
    "QthLocator":"nazwa locatora"
  }
}

Należy też dodać przecinek w przedostatniej klamrze, która zamyka "features"

Nircek commented 5 years ago

@Marwyk2003 Może lepiej zamiast bawić się potem w JSem w dodawanie klikalnych markerów to dodać do properties popupContent zamiast FirstName, LastNameInitial i QthLocator. Można też dodać w JSie funkcję zgodną z tym. Co myślisz?

Marwyk2003 commented 5 years ago

Przerobiłem już format, teraz properties wygldają tak:

"properties": {
            "popupContent": "<center>Id <b>FirstName LastNameInitial</b><br>QthLocator</center>"
         }