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)
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)