Inspiration
My inspiration came from recognizing the need for accessible Earth observation data visualization. I wanted to create a tool that allows anyone to explore how phenomena like urbanization, climate change, agriculture, and natural disasters have transformed our planet over time, without requiring expensive API keys or advanced technical knowledge
What it does
I developed Earth Engine Maps as an interactive web application that enables users to:
Visualize maps with different layers (standard, satellite, terrain, dark, light) Explore simulated Google Earth Engine data across multiple categories: Urbanization and development Climate change Agriculture and land use Natural disasters (wildfires, floods, earthquakes, hurricanes) Control a timeline to view changes from 1992-2023 Select specific locations for detailed analysis Simulate different scenarios with visually rich datasets
How we built it
I built the application using:
HTML5 for structure CSS3 for styling with dark mode support Vanilla JavaScript for functionality Leaflet.js as a free alternative to Google Maps API Simulated Google Earth Engine data (no API key required) Responsive design for multiple devices Multiple free tile map providers
Challenges we ran into
The main challenges I encountered:
Integrating with Google Earth Engine without valid credentials Creating realistic data simulations for different categories Implementing an interactive timeline with multiple playback speeds Designing meaningful visualizations for different data types Handling Google authentication without complete OAuth setup Optimizing performance for large simulated datasets
Accomplishments that we're proud of
I'm particularly proud of:
Creating an intuitive and visually appealing interface Implementing multiple data categories with distinct visualizations Developing convincing Earth Engine data simulations Building a complete timeline system with playback controls Achieving fully responsive design Implementing dynamic map layer changes based on data type
What we learned
Throughout this project, I learned:
How to integrate Leaflet.js as an effective Google Maps alternative Advanced techniques for simulating complex geospatial data Effective methods for visualizing multidimensional environmental data Interface design principles for geographic data exploration The importance of accessibility in data visualization applications How to optimize performance for large dataset applications
What's next for easy-search-google-maps-2-etheroi
Expanded Data Categories with Real Datasets: I've significantly broadened the application's data offerings by incorporating multiple real Earth Engine collections across all categories. This includes actual urban development data from JRC/GHSL, climate data from ECMWF/ERA5, vegetation indices from MODIS, forest change monitoring from UMD/Hansen, disaster monitoring from NASA FIRMS, and nighttime lights data from NOAA/DMSP-OLS.
Moving forward, I plan to:
Develop analysis and comparison tools between locations Create an optimized mobile version Incorporate real-time data streams when available Implement data export and visualization sharing features Add collaborative analysis capabilities My ultimate goal is to transform this demonstration into a comprehensive geospatial analysis tool that's accessible to researchers, educators, and citizens interested in understanding our planet's changes.
Log in or sign up for Devpost to join the conversation.