Search some locations on the map, using latitude and longitude.
This project leverages the power of the open-source JavaScript library Leaflet
and the vast resources of OpenStreetMap to help you search for locations effortlessly.
You can also choose to share your current location on the map (optional).
Simply adjust the circle on the map's radius using the scrollbar or text input field. The circle's radius is measured in meters.
- JS Libraries: Leaflet
- Programming Language: JavaScript
- Font: Archivo by Omnibus-Type
- Build tool: Vite
- Hosting: GitHub Pages
- Dev Environment: VSCode with dev containers in Zorin OS
You can see the demo here: https://jhordyess.github.io/search-locations
- Clone the repository.
git clone git@github.com:jhordyess/search-locations.git
- Open the project folder.
cd search-locations
- Install the dependencies.
yarn
- Run the project.
yarn dev
- Open the browser on http://localhost:5173/search-locations.
You can use the VSCode dev containers to run the project in a containerized environment.
You need to have installed Docker and VSCode, and the Dev Containers extension.
- Clone the repository.
git clone git@github.com:jhordyess/search-locations.git
- Open the project with VSCode:
code search-locations
-
Open the command palette and select the option
Dev Containers: Reopen in Container
. -
Wait for the container to be built and the project to be started.
-
Open the terminal in VSCode and run the project:
yarn dev
- Open the browser at http://localhost:5173/search-locations
© 2021 Jhordyess. Under the MIT license. See the LICENSE file for more details.
Made with 💪 by Jhordyess