san-diego-tech-hub / sdth-site

San Diego Tech Hub website
https://sandiegotechhub.com
MIT License
11 stars 16 forks source link

add dynamic google map with pins that filter via searchbar #166

Closed TaylourPinard closed 5 years ago

TaylourPinard commented 5 years ago

Creates a dynamic map that places pins on the map based on coordinates in GraphQL database. Typing in the search-bar will also filter the pins on the map so the only pins shown are associated with the search results shown below the map. GPS coordinates must be added into the GraphQL database in the "coordinates" row of the appropriate table for the pin to show up on the map. To make this code functional GATSBY_GOOGLE_MAPS_API_KEY needs to be added as an environment variable and its value needs to be a valid google-maps api key (note: this may incur charges to the billing account associated with that api key, however google provides a $200 credit every month that should cover about the first 28k calls per month, so unless the site is experiencing more traffic than that per month it won't charge anything. see https://cloud.google.com/maps-platform/pricing/sheet/ for more details)

TaylourPinard commented 5 years ago

Thought I forgot to add a package to package.json so I closed it, but it was already there in the original repo's feature branch so I re-opened PR

appleJax commented 5 years ago

🎉 Great job!