An elegant, interactive coordinate & address viewer built with MapLibre GL JS and OpenStreetMap data. No frameworks, no backend β just pure JS, HTML & CSS magic for geolocation enthusiasts πβ¨
- π Click anywhere on the map β instantly get latitude and longitude
- π Search by coordinates β move to any point on Earth
- π£οΈ Reverse geocoding β shows human-readable address from OpenStreetMap
- π§² Custom marker β minimalistic black dot with a white outline
- π¬ Popup with address info β appears above the marker
- π Dark theme UI β sleek black styling with white text
- π± Responsive β smooth experience on desktop & mobile
- Click on the map β get coordinates + a popup with the location name
- Enter coordinates β fly to location and place a marker
- Reverse geocoding via Nominatim API
- Marker is custom styled with a glowing, modern look
- HTML (semantic layout)
- CSS (custom styling, dark UI)
- JavaScript (vanilla + MapLibre GL)
- OpenStreetMap + Nominatim for map tiles and geolocation data
Made with precision & passion by Arogoat
π§ Email: zenekorgin@gmail.com