Since 1.2.0 you can use onLoad and onMount props for each component, ref does not contain API methods anymore. Just make sure you change the import from to. You can now use the package react-google-maps-api-gatsby-example to test your changes.

In the same file, delete the module field.

In the file packages/react-google-maps-api/package.json change main to 'src/index.ts'.

When working on a feature/fix, you're probably gonna want to test your changes. Maintainers and contributors are very welcome! See this issue to get started. You can join the community at Spectrum.chat to ask questions and help others with your experience or join our Slack channel Contribute For instructions on how to do that please see the following guide Community Help Resource

Using the examples requires you to generate a google maps api key.

Official docs (powered by react-styleguidist.

Smaller bundle size 12.4kb gzip, tree-shakeable forbids loading of Roboto fonts, if you set property preventGoogleFonts on component

Supports async React (StrictMode compliant).

If you try to use window.google before it is loaded it will be undefined and you'll get a TypeError. If you want to use window.google object, you need to extract GoogleMap in separate module, so it is lazy executed then google-maps-api script is loaded and executed by.

G maps api