Feature Request: Display Map on Property Page Using Mapbox API

[imHardik1606]

Description

Currently, the booking app does not display a map of the property's location on the property page. Instead of relying on Google Maps, we propose integrating Mapbox API to show an interactive map on the property page. This would give users a clear view of the property's location directly on the page, enhancing the user experience while leveraging a powerful and customizable mapping service.

Proposed Implementation

1. Add a map component to the property page to display the location of the house.
2. Use the Mapbox API to fetch and render the map.
3. Add a marker on the map to indicate the house's exact location.
4. Ensure the map dynamically updates based on the property's coordinates.

Expected Outcome

• Users can view an interactive map with a marker for the house directly on the property page.
• The map is styled to align with the app’s design.
• The app no longer relies on Google Maps, providing a more customizable and cost-efficient solution.

Additional Context

Using Mapbox can open up further customization opportunities in the future, such as:

• Adding custom icons or markers for properties.
• Allowing users to draw on maps or calculate routes.

Let me know if you need help with any part of the implementation or testing!