How to load the google maps api [removed] in my react app only when it is required?

Question

I want to try and use the google maps API to show a map but I\'m wondering if there\'s a better way to load the

Answer 1

Yet another package react-dependent-script package to load Google Maps libraries, which provides the following features:

• ensure to load the JavaScript and/or CSS first, then render your content
• ensures the external content is only loaded once, regardless of how many times the render() function is called

Here is a simple example, where you wrap your map component in ReactDependentScript component:

Here is a demo for your reference