Fixed google maps loading multiple scripts

Author: aviklai

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-leaflet-google-layer",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "React leaflet wrapper of leaflet.gridlayer.googlemutant",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package.json

@@ -18,11 +18,14 @@ interface IProps extends L.gridLayer.GoogleMutantOptions {
   apiKey?: string;
 }
 
+let googleMapsScriptLoaded = false;
+
 const createLeafletElement = (props: IProps, context: LeafletContextInterface) => {
   const { apiKey, useGoogMapsLoader = true, googleMapsLoaderConf = {}, googleMapsAddLayers, ...googleMutantProps } = props;
-  if (useGoogMapsLoader) {
+  if (useGoogMapsLoader && !googleMapsScriptLoaded) {
     const loader = new Loader(apiKey, googleMapsLoaderConf);
     loader.load();
+    googleMapsScriptLoaded = true;
   }
   const instance = L.gridLayer.googleMutant(googleMutantProps)
   if (googleMapsAddLayers) {