Sky Viewing Map - Documentation
Overview
Sky Viewing Map is an interactive web application built with Leaflet.js. Designed for astronomy and astrophotograpgy, the map shows live satellite image coverage for nearly all of North and South America, and light pollution worldwide.
Base Map Options
| Layer | Source | Notes |
|---|---|---|
ESRI Dark Gray Canvas | ArcGIS | Default Gray Background |
ESRI Imagery | ArcGIS | High-resolution Daytime Satellite Imagery |
ESRI Shaded Relief | ArcGIS | Hillshade Terrain Relief Map |
Map Overlay Layers
| Layer | Source | Notes |
|---|---|---|
Road Overlay | ArcGIS | Reference Layer For Roads |
Border Overlay | ArcGIS | Reference Layer For County/State Boundaries |
Light Pollution | Recalculated from djlorenz.github.io/astronomy/lp | Custom Tileset Showing Global Light Pollution |
GOES Live Satellite | NOAA GOES | Near Real-Time Satellite Imagery |
Page Features
| Map Setup | Map creation with leaflet.js L.map(), dynamic ESRI/NOAA layer importing |
| Control Panel | Opacity sliders, basemap and layer toggles, off-screen panel hiding |
| Location Search | Debounced calls to the OpenStreetMap Nominatim API to to search for, select, and navigate to specific map locations |
| Night Mode | Full-page red light filter for night vision preservation using a SVG color filter |
| Mobile Responsivity | Dynamic map overlay panel reposition for narrow screens, padding area for Android/iOS home bar buttons |