Fixed google maps loading multiple scripts

aviklai · Nov 9, 2020 · 6c333c7 · 6c333c7
1 parent cb5f6bf
commit 6c333c7
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 18 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.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",

diff --git a/src/index.ts b/src/index.ts
@@ -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) {