With Google Maps API
This example uses Google Maps Nearby Places API to render a custom card on the CRM custom object Record page, displaying nearby attractions for a Real Estate Listing custom object. This use case was featured in the HubSpot.Extend() conference.
Mid-sized real estate company employing agents to help buyers find the right home.
Our goal is to keep agents productive, preventing them from hopping between systems...
and help them quickly find information that can help buyers make decisions faster.
Checkout the HubSpot.Extend() breakout session for a full demo of this app and more.
How to use
This project can be used in a HubSpot account by:
- Use the schema file and sample data in
./resources
folder to create a custom object for Listing. - Generating API tokens for Google Maps' "Nearby Places" API.
- Creating the Listing custom object schema in your portal:
- Create the Listing Custom Object Schema in your portal using the schema included in
./resources/listing-schema.json
- Optionally, import the included
./resources/sample-data.csv
to generate test Listings
- Create the Listing Custom Object Schema in your portal using the schema included in
- Clone this repository.
cd with-google-maps
hs sandbox create --name=listings # optional
hs secrets add GOOGLE_MAPS_API_KEY # enter API key
hs project upload
Prerequisites
- You must have the Listings custom object created with all necessary sample data added to it.
- You must have an API key for Nearby Places API.