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: 4 days 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 (6 months ago)
• Default Branch: main
• Last Pushed: 2024-11-03T22:22:24.000Z (12 days ago)
• Last Synced: 2024-11-03T22:25:52.213Z (12 days ago)
• Topics: current-location, html, map
• Language: HTML
• Homepage:
• Size: 5.93 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/)

![](./ss.png)

## 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.