MonkCode
Exploring the digital world!
GeoJSON Introduction
Here is the org: https://geojson.org/ where you can find the spec.
Here is developer explanation: https://developer.here.com/blog/an-introduction-to-geojson
VSCode Extension:
I have been more interested in the leaflet implementation: https://leafletjs.com/examples/geojson/
I want to learn how to animate data over time on a map, but not sure where to start, still acquiring examples:
https://visgl.github.io/react-map-gl/examples/geojson-animation
https://github.com/visgl/react-map-gl/blob/5.2-release/examples/geojson-animation/src/app.js
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -77.192625, 38.9064576 ]
},
"properties": {
"name": "Capitol One",
"description": "Credit Card"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -122.4048063,37.7933827 ]
},
"properties": {
"name": "Wells Fargo",
"description": "Mortgage"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-73.7045805,41.0721832 ]
},
"properties": {
"name": "Spectrum",
"description": "Internet"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-81.3063154063548,29.027793316117492]
},
"properties": {
"name": "DeLand",
"description": "Utilities and Taxes"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-98.6150773,29.6050084]
},
"properties": {
"name": "Security Service Federal Credit Union",
"description": "Car Loan"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -80.84831938313883,35.22408596645538]
},
"properties": {
"name": "Duke Energy",
"description": "Electricity"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-73.98483942658561,40.75462921171781]
},
"properties": {
"name": "Verizon",
"description": "Phones"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -81.36649581403645, 28.750284297953826]
},
"properties": {
"name": "RP Funding",
"description": "Mortgage"
}
}
]
}