Pins and Location field

[mkudrenecky]

Overview

This PR implements a Google Auto Complete search bar for location field in Add Listing, and adds pins for the pick up location on the map.

Details

• [x] implements Google auto-complete search bar for pick up location
• [x] adds location data to post
• [x] displays pin for post on map
• [x] pin is clickable and navigates to post details

Demo

https://github.com/COSC-499-W2023/year-long-project-team-8/assets/112984152/2fc5f34b-6dbb-4bc3-b97a-d45e2a983bfc

Issues

• Google API is not free (is free up to usage limit)
• API key is exposed
• Currently incurred $1/$200 limit
• Without an API, not sure how to determine location information
• everything is set up so if we can swap the Google API with something free or if anyone has other ideas

ANY SUGGESTIONS TO REMEDY THE GOOGLE API PLEASE LMK!

[jossw24]

This looks great Mac, I don't have an issue splitting some cost at least until end of april but not ideal. Have you checked out MapBox? I don't know if they can do exactly what you need but they have a very solid free tier for general map functionality. Here's what I found in the documentation, second blurb may be what you need:

The Mapbox Search Box API allows you to build location search experiences by enabling search suggestions and feature retrieval for both addresses and points of interest (POI). Search Box API supports multiple use cases, including interactive search, category search, and reverse lookup for coordinates.

The Mapbox Geocoding API allows you to do forward and reverse geocoding operations. Forward Geocoding takes text in the form of an address or place and converts it to geographic coordinates (latitude/longitude). Reverse geocoding takes geographic coordinates (latitude/longitude) and converts it into an address or place in text form. https://docs.mapbox.com/api/search/

[mkudrenecky]

Re placed with #332