💥Search-Zoom to address via Mapbox API

Web application which lets you geocode address and zoom in with the help of mapbox API.

This application is developed to let users geocode address and zoom into that location. In this application tries to replicate google maps search functionality. We use Openlayers V6, an open-source JavaScript library for mapping.

The associated blog post can be found

🛠️ Usage

That's pretty easy. The application is hosted on github pages which can be accessed 🔗 here

Open the application and click on EXPLORE

Enter the address in the search bar and click on SUBMIT QUERY

If you want to go back click on the Home button on the ribbon

---

🔀 Local Installation

To use the application on your local machine, simply follow the steps mentioned below.

1. Fork the repository

2. Clone the Repo by going to your local Git Client and pushing in the command:

git clone https://github.com/amanbagrecha/mapbox-search-functionality.git

3. 🔑 Edit MAPBOX_API_KEY: The search funtionality would only work after editing the MAPBOX_API_KEY in map.js.

4. Run the application by pushing in the command:

start index.html

🏁 Technology Stack

• Openlayers
• HTML
• CSS
• Bootstrap
• Mapbox

📋 Further modification that can be done.

• Store API key in backend using firebase.
• Load layers from geoserver
• Allow for selection of feature on the layer