The ShopNav website is a simple interactive map application built using HTML, CSS, and the Leaflet library. This application allows users to locate and explore various shops across a geographic area. Users can view a list of shops on the left side of the screen, click on a shop's name to fly to its location on the map, and view additional details about each shop in a popup.
1b3e6501-df33-49d6-b4cb-966e37e9d30d.mp4
- Display an interactive map using the Leaflet library.
- Mark shop locations on the map with clickable markers.
- Show a list of shops on the left side of the screen.
- Fly to a shop's location and open a popup when clicking on a shop's name in the list.
- Provide shop details in the popup, including name, address, and phone number.
- Clone or download the repository to your local machine.
- Open the
index.htmlfile in a web browser to launch the ShopNav application.
- A modern web browser that supports HTML5 and JavaScript.
- Upon loading the website, you will see a map on the right side and a list of shops on the left side.
- Click on a shop's name in the list to fly to its location on the map.
- After flying to the shop's location, a popup will open, displaying additional details about the shop, including its name, address, and phone number.
- You can explore different shops by clicking on their names in the list.
This project is licensed under the MIT License.
Feel free to explore and adapt the ShopNav website for your own use or as a starting point for further development. If you have any questions or need assistance, please don't hesitate to contact the project maintainers. Enjoy using ShopNav to explore different shop locations on the map!