Hello,

Putting together an app as part of a final school project.
I'm on the last part of it, and have been following the documentation for the correct syntax. The map itself will load properly, as well as the markers, but when attempting to load the heatmap layer, it breaks the app and returns an error that says: 'h[m.x] is undefined'. Here is the component
<GoogleMapReact defaultZoom={8} defaultCenter={{ lat: diffStateCoords[0].lat, lng: diffStateCoords[0].lng }} heatmapLibrary={true} heatmap={diffStateHeatMapData} bootstrapURLKeys={{ key: 'my-key-goes-here', libraries: ['visualization'] }} yesIWantToUseGoogleMapApiInternals > {diffStateCombinedData.map(county => ( <Marker key={county.name} lat={county.coordinates[1]} lng={county.coordinates[0]} text={county.county} countyName={county.name} state={county} percentVaxxed={county.percentVaxxed} /> ))} </GoogleMapReact>

The object for the diffStateHeatMapData looks like:
{positions: diffStateMapData,
options: {
radius: 90,
opacity: .5
}}

The positions for diffStateMapData are in an array, where each object has lat, lng, and weight properties.

Not really sure what I'm doing wrong here. Have tried what feels like everything, so I'm hoping y'all can shed some light on the issue. Thanks so much!

How do I restrict the bounds on a map upon creation? Is there a "restriction" pass through option?

https://developers.google.com/maps/documentation/javascript/examples/control-bounds-restriction

or do I have to create the map and somehow restrict it later using onGoogleApiLoaded?

https://developers.google.com/maps/documentation/javascript/reference/map

Any hints are greatly appreciated!

We used places in this line but we forgot the define it in the arrow function, so it causes and error.

Hello.

Is there any way to call the map.getBounds() function? I need to reset the bounds of a nearbySearch upon manually re-centering and can't seem to figure out how to do so.

Cheers,
Dave

Thank you for the examples they are very helpful to explain how to use the library.
I tried the examples, in the main page when I click on Default Element it works. The Map with markers is shown.

When I click on SearchBox Element in the main page, I get TypeError: mapApi.places is undefined.

All the examples in the readme seem to lead to 404 / not found pages. https://github.com/google-map-react/google-map-react-examples#examples

However if you visit them from https://google-map-react.github.io/google-map-react-examples/ they load correctly