https://github.com/anoopsimon/location-map-app
Simple html application that shows map view of your current location
https://github.com/anoopsimon/location-map-app
current-location html map
Last synced: 9 months ago
JSON representation
Simple html application that shows map view of your current location
- Host: GitHub
- URL: https://github.com/anoopsimon/location-map-app
- Owner: anoopsimon
- Created: 2024-05-14T12:52:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-03T22:22:24.000Z (about 1 year ago)
- Last Synced: 2025-01-10T16:19:50.414Z (10 months ago)
- Topics: current-location, html, map
- Language: HTML
- Homepage:
- Size: 5.96 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Location Map Application
This is a simple web application that uses the Geolocation API to get the user's current location and displays it on a map using Leaflet. The application also uses the Nominatim API to perform reverse geocoding and display the location name on the map.
## Features
Detects the user's current location using the Geolocation API.
Displays the location on a map using Leaflet.
Uses the Nominatim API to fetch and display the location name.
Requirements
A modern web browser with support for the Geolocation API.
Internet connection to load the Leaflet library and fetch map tiles and location data.
App live [here](https://anoopsimon.github.io/location-map-app/)
## How to Use
- Clone the Repository:
```
git clone https://github.com/yourusername/location-map-app.git
cd location-map-app
```
- Open the index.html File:
- Open the index.html file in your preferred web browser.
- Allow Location Access:
When prompted by the browser, allow the website to access your location.
- View Your Location:
The map will center on your current location, and a marker will display your location name.