Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Mapping Gatsby from Space
Ähnlich wie Mapping Gatsby from Space (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (17)
Mapping Gatsby from Space
- 2. Colby Fayock Sr UX & Front End Engineer @colbyfayock
- 10. Downtown Alexandria, VA May 2019
- 11. Where does this data come from?
- 13. Technology
- 14. You!
- 16. Border of South Sudan / Ethiopia
- 18. Satellites High resolution imagery of Earth MODIS Terra, nasa.gov
- 21. More than driving directions, saving the world... Climate Change Disaster Response Farming Public Health Tons of other Scientific Research
- 22. Tropical Cyclone Idai March 2019
- 23. Active Fires Nov 8-25, 2018
- 24. Who’s mapping? https://maps.redcross.org https://www.hotosm.org/ https://www.hotosm.org/updates/interactive-maps/ https://www.ers.usda.gov/data-products/food- access-research-atlas/go-to-the-atlas.aspx Food AccessHumanitarian Aid (Disasters, Refugees, etc)Weather, Disasters https://worldview.earthdata.nasa.gov/ https://firms.modaps.eosdis.nasa.gov/map/ http://maps.who.int/mapgallery/ https://maps.who.int/airpollution/ https://earthquake.usgs.gov/earthquakes/map/ https://www.usgs.gov/products/maps/topo-maps Earthquakes, TopographyAir Pollution, Biological Threats, etcStudy of Earth Imagery & Much More
- 25. So, Gatsby?
- 26. Tooling... ...is hard ...takes time ...is always changing ...is generally a pain
- 27. Focus on the important bits! Build a map, not a front end
- 28. < npm 💣💥 < gatsby 🎁🎉 Gatsby Starter Leaflet
- 29. Montes Claros, MG - Brazil
- 30. Himalayas
- 31. Questions? How do you use maps?
- 32. Gatsby Leaflet Starter https://github.com/colbyfayock/gatsby-starter-leaflet Leaflet https://leafletjs.com React Leaflet https://react-leaflet.js.org OpenStreetMap (OSM) https://www.openstreetmap.org/ OSM Stats https://osmstats.neis-one.org
Hinweis der Redaktion
- Maps as we know it let us do a lot of cool things The middle is here, where I work Immediately I can see Search Recommendations It even shows some photos of cool things in the area
- Figure out how to get to the office now that the metro is closed for the summer
- Helps me get directions home with the fastest route (traffic is never that good)
- My wife likes to take virtual vacations Great Pyramid of Giza
- Can actually see what it looks like up close
- A place she wandered to the other night
- Geyser field on the Kamchatka Peninsula Second largest concentration in the world
- This is just downtown Alexandria This isn’t new We have Google Maps OSM is open source Mappers all over the world
- Collecting data Processing data Stock photo level images from school websites like GIS University
- Google Maps Street View Get a few easter eggs
- Millions of people have mapped on OSM Thousands of different mappers every day Points of interest, drawing streets
- Build with and on top of OSM for humanitarian aid Refugee camp on the border of south Sudan and Ethiopia
- Where’d you get space?
- Part of it’s a catchy title Thousands of satellites in orbit Some aren’t working Many are still operational Collecting images and data about our planet Good example is MODIS Terra Moderate Resolution Imaging Spectroradiometer Every point on earth with it’s image sensor every 1-2 days 36 discrete spectral bands Large-scale global dynamics cloud coverage Ocean processes Changes in atmosphere
- 2016 (might be a little out of date) Planetary Society Current satellite missions operated by NASA and others
- Daily doses on Instagram International Space Station not a satellite Showing the earth at night Daily Overview Lake Natron in Tanzania NASA Earth Andaman Sea Border of Burma and Thailand
- Tons of research going on in many different areas that are using maps to help save the world
- Can also use to view world events Ee-dai One of the worst tropical cyclones on record to affect Africa and the Southern Hemisphere Can actually see footage of the storm in progress
- Active fires all over the world Last week Cut out of wildfires in California last November Known as Camp Fire Helps teams manage resources for determining how to help
- Lots of teams doing great work trying to help others State of the Map conference Teams working with OSM allows people to map out hospitals, shelters, and other points of interest in remote parts of the world Actually saving lives
- So what can Gatsby do for us?
- Tooling with the front end of the stack is so many things Insert Webpack in front of each line Then insert the flavor of the week that solves a problem Further, figuring out tooling with maps is even more challenging
- What Gatsby has allowed us to do is focus on what’s important Don’t need to spend time Building out a front end Worrying about compiling Can immediately start working on building a map At the end of the day, tooling isn’t productive if it gets in the way
- We can very quickly spin up a mapping app with little fuss and immediately become productive We have some of our own work behind the scenes, but I’ve put together Gatsby Starter Leaflet to help others get up to speed quickly Will be building out some more features and examples as time goes on to help people out
- Map areas of interest with shapes Can be used for search Referencing areas of interest Kind of looks like a weird smiley face right? Some of this isn’t immediately available with the starter… yet
- Resources