@react-google-maps/api - npm Package Compare versions

Comparing version 1.7.14 to 1.8.0

dist/components/addons/MarkerClusterer.d.ts

@@ -26,5 +26,5 @@ /// <reference types="googlemaps" />
     imageExtension?: string;
-    /** The full URL of the root name of the group of image files to use for cluster icons. The complete file name is of the form imagePathn.imageExtension where n is the image file number (1, 2, etc.). The default value is MarkerClusterer.IMAGE_PATH. */
+    /** The full URL of the root name of the group of image files to use for cluster icons. The complete file name is of the form imagePath.imageExtension where n is the image file number (1, 2, etc.). The default value is MarkerClusterer.IMAGE_PATH. */
     imagePath?: string;
-    /** An array of numbers containing the widths of the group of imagePathn.imageExtension image files. (The images are assumed to be square.) The default value is MarkerClusterer.IMAGE_SIZES. */
+    /** An array of numbers containing the widths of the group of imagePath.imageExtension image files. (The images are assumed to be square.) The default value is MarkerClusterer.IMAGE_SIZES. */
     imageSizes?: number[];
@@ -31,0 +31,0 @@ /** The maximum zoom level at which clustering is enabled or null if clustering is to be enabled at all zoom levels. The default value is null. */

dist/components/distance-matrix/DistanceMatrixService.d.ts

@@ -20,3 +20,3 @@ /// <reference types="googlemaps" />
     state: DistanceMatrixServiceState;
-    setDistanceMatrixServiceCallbak: () => void;
+    setDistanceMatrixServiceCallback: () => void;
     componentDidMount(): void;
@@ -23,0 +23,0 @@ componentDidUpdate(): void;

dist/components/drawing/InfoWindow.d.ts

@@ -35,3 +35,3 @@ /// <reference types="googlemaps" />
     open: (infoWindow: google.maps.InfoWindow, anchor?: google.maps.MVCObject | undefined) => void;
-    setInfowindowCallback: () => void;
+    setInfoWindowCallback: () => void;
     componentDidMount(): void;
@@ -38,0 +38,0 @@ componentDidUpdate(prevProps: InfoWindowProps): void;

dist/GoogleMap.d.ts

@@ -27,3 +27,3 @@ /// <reference types="googlemaps" />
     zoom?: number;
-    /** This event is fired when the user clicks on the map. An ApiMouseEvent with properties for the clicked location is returned unless a place icon was clicked, in which case an IconMouseEvent with a placeid is returned. IconMouseEvent and ApiMouseEvent are identical, except that IconMouseEvent has the placeid field. The event can always be treated as an ApiMouseEvent when the placeid is not important. The click event is not fired if a marker or infowindow was clicked. */
+    /** This event is fired when the user clicks on the map. An ApiMouseEvent with properties for the clicked location is returned unless a place icon was clicked, in which case an IconMouseEvent with a placeId is returned. IconMouseEvent and ApiMouseEvent are identical, except that IconMouseEvent has the placeId field. The event can always be treated as an ApiMouseEvent when the placeId is not important. The click event is not fired if a Marker or InfoWindow was clicked. */
     onClick?: (e: google.maps.MouseEvent) => void;
@@ -30,0 +30,0 @@ /** This event is fired when the user double-clicks on the map. Note that the click event will also fire, right before this one. */

dist/reactgooglemapsapi.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";var t,e=require("react"),n=(t=require("invariant"))&&"object"==typeof t&&"default"in t?t.default:t,o=require("@react-google-maps/marker-clusterer"),r=require("react-dom"),s=require("@react-google-maps/infobox");function i(){return(i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}function a(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e}function p(t,e){if(null==t)return{};var n,o,r={},s=Object.keys(t);for(o=0;o<s.length;o++)e.indexOf(n=s[o])>=0||(r[n]=t[n]);return r}var c=e.createContext(null),l=function(t,e,n){return Object.keys(t).reduce((function(n,o){return e(n,t[o],o)}),n)},u=function(t,e,n,o){var r,s={};return r=t,Object.keys(r).forEach((function(t){return function(t,r){var i=n[r];i!==e[r]&&(s[r]=i,t(o,i))}(r[t],t)})),s};function d(t){google.maps.event.removeListener(t)}function h(t){void 0===t&&(t=[]),t.map(d)}function g(t){var e=t.updaterMap,n=t.prevProps,o=t.nextProps,r=t.instance,s=function(t,e,n){return l(n,(function(n,o,r){return"function"==typeof t[r]&&n.push(google.maps.event.addListener(e,o,t[r])),n}),[])}(o,r,t.eventMap);return u(e,n,o,r),s}var m={onDblClick:"dblclick",onDragEnd:"dragend",onDragStart:"dragstart",onMapTypeIdChanged:"maptypeid_changed",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseDown:"mousedown",onMouseUp:"mouseup",onRightClick:"rightclick",onTilesLoaded:"tilesloaded",onBoundsChanged:"bounds_changed",onCenterChanged:"center_changed",onClick:"click",onDrag:"drag",onHeadingChanged:"heading_changed",onIdle:"idle",onProjectionChanged:"projection_changed",onResize:"resize",onTiltChanged:"tilt_changed",onZoomChanged:"zoom_changed"},f={extraMapTypes:function(t,e){e.forEach((function(e,n){t.mapTypes.set(String(n),e)}))},center:function(t,e){t.setCenter(e)},clickableIcons:function(t,e){t.setClickableIcons(e)},heading:function(t,e){t.setHeading(e)},mapTypeId:function(t,e){t.setMapTypeId(e)},options:function(t,e){t.setOptions(e)},streetView:function(t,e){t.setStreetView(e)},tilt:function(t,e){t.setTilt(e)},zoom:function(t,e){t.setZoom(e)}},v=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).state={map:null},e.registeredEvents=[],e.mapRef=null,e.getInstance=function(){return new google.maps.Map(e.mapRef,e.props.options)},e.panTo=function(t){var n=e.getInstance();n&&n.panTo(t)},e.setMapCallback=function(){null!==e.state.map&&e.props.onLoad&&e.props.onLoad(e.state.map)},e.getRef=function(t){e.mapRef=t},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=this.getInstance();this.registeredEvents=g({updaterMap:f,eventMap:m,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{map:t}}),this.setMapCallback)},o.componentDidUpdate=function(t){null!==this.state.map&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:f,eventMap:m,prevProps:t,nextProps:this.props,instance:this.state.map}))},o.componentWillUnmount=function(){null!==this.state.map&&(this.props.onUnmount&&this.props.onUnmount(this.state.map),h(this.registeredEvents))},o.render=function(){return e.createElement("div",{id:this.props.id,ref:this.getRef,style:this.props.mapContainerStyle,className:this.props.mapContainerClassName},e.createElement(c.Provider,{value:this.state.map},null!==this.state.map?this.props.children:e.createElement(e.Fragment,null)))},n}(e.PureComponent),y="undefined"!=typeof document,M=function(t){var e=t.url,n=t.id;return y?new Promise((function(t,o){var r=document.getElementById(n),s=window;if(r){var i=r.getAttribute("data-state");if(r.src===e&&"error"!==i){if("ready"===i)return t(n);var a=s.initMap,p=r.onerror;return s.initMap=function(){a&&a(),t(n)},void(r.onerror=function(t){p&&p(t),o(t)})}r.remove()}var c=document.createElement("script");c.type="text/javascript",c.src=e,c.id=n,c.async=!0,c.onerror=function(t){c.setAttribute("data-state","error"),o(t)},s.initMap=function(){c.setAttribute("data-state","ready"),t(n)},document.head.appendChild(c)})).catch((function(t){throw console.error("injectScript error: ",t),t})):Promise.reject(new Error("document is undefined"))},C=function(t){return!((!t.href||0!==t.href.indexOf("https://fonts.googleapis.com/css?family=Roboto"))&&("style"===t.tagName.toLowerCase()&&t.styleSheet&&t.styleSheet.cssText&&0===t.styleSheet.cssText.replace("\r\n","").indexOf(".gm-style")?(t.styleSheet.cssText="",0):"style"===t.tagName.toLowerCase()&&t.innerHTML&&0===t.innerHTML.replace("\r\n","").indexOf(".gm-style")?(t.innerHTML="",0):"style"!==t.tagName.toLowerCase()||t.styleSheet||t.innerHTML))},E=function(){var t=document.getElementsByTagName("head")[0],e=t.insertBefore.bind(t);t.insertBefore=function(n,o){C(n)||Reflect.apply(e,t,[n,o])};var n=t.appendChild.bind(t);t.appendChild=function(e){C(e)||Reflect.apply(n,t,[e])}};function x(t){var e=t.googleMapsApiKey,o=t.googleMapsClientId,r=t.version,s=void 0===r?"weekly":r,i=t.language,a=t.region,p=t.libraries,c=t.channel,l=[];return e&&o||!e||!o||n(!1),e?l.push("key="+e):o&&l.push("client="+o),s&&l.push("v="+s),i&&l.push("language="+i),a&&l.push("region="+a),p&&p.length&&l.push("libraries="+p.sort().join(",")),c&&l.push("channel="+c),l.push("callback=initMap"),"https://maps.googleapis.com/maps/api/js?"+l.join("&")}var P=!1;function k(){return e.createElement("div",null,"Loading...")}var b,w={id:"script-loader",version:"weekly"},L=function(t){function o(){var o;return(o=t.apply(this,arguments)||this).check=e.createRef(),o.state={loaded:!1},o.cleanupCallback=function(){delete window.google,o.injectScript()},o.isCleaningUp=function(){try{return Promise.resolve(new Promise((function(t){if(P){if(y)var e=window.setInterval((function(){P||(window.clearInterval(e),t())}),1)}else t()})))}catch(t){return Promise.reject(t)}},o.cleanup=function(){P=!0;var t=document.getElementById(o.props.id);t&&t.parentNode&&t.parentNode.removeChild(t),Array.prototype.slice.call(document.getElementsByTagName("script")).filter((function(t){return t.src.includes("maps.googleapis")})).forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)})),Array.prototype.slice.call(document.getElementsByTagName("link")).filter((function(t){return"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans"===t.href})).forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)})),Array.prototype.slice.call(document.getElementsByTagName("style")).filter((function(t){return void 0!==t.innerText&&t.innerText.length>0&&t.innerText.includes(".gm-")})).forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)}))},o.injectScript=function(){o.props.preventGoogleFontsLoading&&E(),o.props.id||n(!1);var t={id:o.props.id,url:x(o.props)};M(t).then((function(){o.props.onLoad&&o.props.onLoad(),o.setState((function(){return{loaded:!0}}))})).catch((function(t){o.props.onError&&o.props.onError(t),console.error("\n          There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(o.props.googleMapsApiKey||"-")+") or Client ID ("+(o.props.googleMapsClientId||"-")+") to <LoadScript />\n          Otherwise it is a Network issue.\n        ")}))},o}a(o,t);var r=o.prototype;return r.componentDidMount=function(){if(y){if(window.google&&!P)return void console.error("google api is already presented");this.isCleaningUp().then(this.injectScript).catch((function(t){console.error("Error at injecting script after cleaning up: ",t)}))}},r.componentDidUpdate=function(t){this.props.libraries!==t.libraries&&console.warn("Performance warning! Loadscript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somwhere in config files or ENV variables"),y&&t.language!==this.props.language&&(this.cleanup(),this.setState((function(){return{loaded:!1}}),this.cleanupCallback))},r.componentWillUnmount=function(){var t=this;y&&(this.cleanup(),window.setTimeout((function(){t.check.current||(delete window.google,P=!1)}),1),this.props.onUnmount&&this.props.onUnmount())},r.render=function(){return e.createElement(e.Fragment,null,e.createElement("div",{ref:this.check}),this.state.loaded?this.props.children:this.props.loadingElement||e.createElement(k,null))},o}(e.PureComponent);function D(t){var o=t.id,r=void 0===o?w.id:o,s=t.version,i=void 0===s?w.version:s,a=t.googleMapsApiKey,p=t.googleMapsClientId,c=t.language,l=t.region,u=t.libraries,d=t.preventGoogleFontsLoading,h=t.channel,g=e.useRef(!1),m=e.useState(!1),f=m[0],v=m[1],C=e.useState(void 0),P=C[0],k=C[1];e.useEffect((function(){return g.current=!0,function(){g.current=!1}}),[]),e.useEffect((function(){y&&d&&E()}),[d]),e.useEffect((function(){f&&(window.google||n(!1))}),[f]);var L=x({version:i,googleMapsApiKey:a,googleMapsClientId:p,language:c,region:l,libraries:u,channel:h});e.useEffect((function(){function t(){g.current&&(v(!0),b=L)}y&&(window.google&&b===L?t():M({id:r,url:L}).then(t).catch((function(t){g.current&&k(t),console.warn("\n        There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(a||"-")+") or Client ID ("+(p||"-")+")\n        Otherwise it is a Network issue.\n      "),console.error(t)})))}),[r,L]);var D=e.useRef();return e.useEffect((function(){D.current&&u!==D.current&&console.warn("Performance warning! Loadscript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somewhere in config files or ENV variables"),D.current=u}),[u]),{isLoaded:f,loadError:P,url:L}}L.defaultProps=w;var S=e.createElement(k,null);function U(t){var n=t.loadingElement,o=t.onLoad,r=t.onError,s=t.onUnmount,i=t.children,a=D(p(t,["loadingElement","onLoad","onError","onUnmount","children"])),c=a.isLoaded,l=a.loadError;return e.useEffect((function(){c&&"function"==typeof o&&o()}),[c,o]),e.useEffect((function(){l&&"function"==typeof r&&r(l)}),[l,r]),e.useEffect((function(){return function(){s&&s()}}),[s]),c?i:n||S}var O=e.memo(U),T={},R={options:function(t,e){t.setOptions(e)}},V=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={trafficLayer:null},e.setTrafficLayerCallback=function(){null!==e.state.trafficLayer&&e.props.onLoad&&e.props.onLoad(e.state.trafficLayer)},e.registeredEvents=[],e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.TrafficLayer(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:R,eventMap:T,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{trafficLayer:t}}),this.setTrafficLayerCallback)},n.componentDidUpdate=function(t){null!==this.state.trafficLayer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:R,eventMap:T,prevProps:t,nextProps:this.props,instance:this.state.trafficLayer}))},n.componentWillUnmount=function(){null!==this.state.trafficLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.trafficLayer),h(this.registeredEvents),this.state.trafficLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);V.contextType=c;var I=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={bicyclingLayer:null},e.setBicyclingLayerCallback=function(){null!==e.state.bicyclingLayer&&(e.state.bicyclingLayer.setMap(e.context),e.props.onLoad&&e.props.onLoad(e.state.bicyclingLayer))},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.BicyclingLayer;this.setState((function(){return{bicyclingLayer:t}}),this.setBicyclingLayerCallback)},n.componentWillUnmount=function(){null!==this.state.bicyclingLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.bicyclingLayer),this.state.bicyclingLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);I.contextType=c;var _=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={transitLayer:null},e.setTransitLayerCallback=function(){null!==e.state.transitLayer&&(e.state.transitLayer.setMap(e.context),e.props.onLoad&&e.props.onLoad(e.state.transitLayer))},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.TransitLayer;this.setState((function(){return{transitLayer:t}}),this.setTransitLayerCallback)},n.componentWillUnmount=function(){null!==this.state.transitLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.transitLayer),this.state.transitLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);_.contextType=c;var B={onCircleComplete:"circlecomplete",onMarkerComplete:"markercomplete",onOverlayComplete:"overlaycomplete",onPolygonComplete:"polygoncomplete",onPolylineComplete:"polylinecomplete",onRectangleComplete:"rectanglecomplete"},W={drawingMode:function(t,e){t.setDrawingMode(e)},options:function(t,e){t.setOptions(e)}},A=function(t){function o(e){var o;return(o=t.call(this,e)||this).registeredEvents=[],o.state={drawingManager:null},o.setDrawingManagerCallback=function(){null!==o.state.drawingManager&&o.props.onLoad&&o.props.onLoad(o.state.drawingManager)},google.maps.drawing||n(!1),o}a(o,t);var r=o.prototype;return r.componentDidMount=function(){var t=new google.maps.drawing.DrawingManager(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:W,eventMap:B,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{drawingManager:t}}),this.setDrawingManagerCallback)},r.componentDidUpdate=function(t){null!==this.state.drawingManager&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:W,eventMap:B,prevProps:t,nextProps:this.props,instance:this.state.drawingManager}))},r.componentWillUnmount=function(){null!==this.state.drawingManager&&(this.props.onUnmount&&this.props.onUnmount(this.state.drawingManager),h(this.registeredEvents),this.state.drawingManager.setMap(null))},r.render=function(){return e.createElement(e.Fragment,null)},o}(e.PureComponent);A.contextType=c;var N={onAnimationChanged:"animation_changed",onClick:"click",onClickableChanged:"clickable_changed",onCursorChanged:"cursor_changed",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDraggableChanged:"draggable_changed",onDragStart:"dragstart",onFlatChanged:"flat_changed",onIconChanged:"icon_changed",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPositionChanged:"position_changed",onRightClick:"rightclick",onShapeChanged:"shape_changed",onTitleChanged:"title_changed",onVisibleChanged:"visible_changed",onZindexChanged:"zindex_changed"},j={animation:function(t,e){t.setAnimation(e)},clickable:function(t,e){t.setClickable(e)},cursor:function(t,e){t.setCursor(e)},draggable:function(t,e){t.setDraggable(e)},icon:function(t,e){t.setIcon(e)},label:function(t,e){t.setLabel(e)},map:function(t,e){t.setMap(e)},opacity:function(t,e){t.setOpacity(e)},options:function(t,e){t.setOptions(e)},position:function(t,e){t.setPosition(e)},shape:function(t,e){t.setShape(e)},title:function(t,e){t.setTitle(e)},visible:function(t,e){t.setVisible(e)},zIndex:function(t,e){t.setZIndex(e)}},z=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={marker:null},e.setMarkerCallback=function(){null!==e.state.marker&&e.props.onLoad&&e.props.onLoad(e.state.marker)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=i({},this.props.options||{},{},this.props.clusterer?{}:{map:this.context},{position:this.props.position}),e=new google.maps.Marker(t);this.props.clusterer?this.props.clusterer.addMarker(e,!!this.props.noClustererRedraw):e.setMap(this.context),this.registeredEvents=g({updaterMap:j,eventMap:N,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{marker:e}}),this.setMarkerCallback)},n.componentDidUpdate=function(t){null!==this.state.marker&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:j,eventMap:N,prevProps:t,nextProps:this.props,instance:this.state.marker}))},n.componentWillUnmount=function(){null!==this.state.marker&&(this.props.onUnmount&&this.props.onUnmount(this.state.marker),h(this.registeredEvents),this.props.clusterer?this.props.clusterer.removeMarker(this.state.marker,!!this.props.noClustererRedraw):this.state.marker&&this.state.marker.setMap(null))},n.render=function(){return this.props.children||null},e}(e.PureComponent);z.contextType=c;var F={onClick:"click",onClusteringBegin:"clusteringbegin",onClusteringEnd:"clusteringend",onMouseOut:"mouseout",onMouseOver:"mouseover"},G={averageCenter:function(t,e){t.setAverageCenter(e)},batchSizeIE:function(t,e){t.setBatchSizeIE(e)},calculator:function(t,e){t.setCalculator(e)},clusterClass:function(t,e){t.setClusterClass(e)},enableRetinaIcons:function(t,e){t.setEnableRetinaIcons(e)},gridSize:function(t,e){t.setGridSize(e)},ignoreHidden:function(t,e){t.setIgnoreHidden(e)},imageExtension:function(t,e){t.setImageExtension(e)},imagePath:function(t,e){t.setImagePath(e)},imageSizes:function(t,e){t.setImageSizes(e)},maxZoom:function(t,e){t.setMaxZoom(e)},minimumClusterSize:function(t,e){t.setMinimumClusterSize(e)},styles:function(t,e){t.setStyles(e)},title:function(t,e){t.setTitle(e)},zoomOnClick:function(t,e){t.setZoomOnClick(e)}},Z=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={markerClusterer:null},e.setClustererCallback=function(){null!==e.state.markerClusterer&&e.props.onLoad&&e.props.onLoad(e.state.markerClusterer)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){if(this.context){var t=new o.Clusterer(this.context,[],this.props.options);this.registeredEvents=g({updaterMap:G,eventMap:F,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{markerClusterer:t}}),this.setClustererCallback)}},n.componentDidUpdate=function(t){this.state.markerClusterer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:G,eventMap:F,prevProps:t,nextProps:this.props,instance:this.state.markerClusterer}))},n.componentWillUnmount=function(){null!==this.state.markerClusterer&&(this.props.onUnmount&&this.props.onUnmount(this.state.markerClusterer),h(this.registeredEvents),this.state.markerClusterer.setMap(null))},n.render=function(){return null!==this.state.markerClusterer?this.props.children(this.state.markerClusterer):null},e}(e.PureComponent);Z.contextType=c;var H={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},K={options:function(t,e){t.setOptions(e)},position:function(t,e){e instanceof google.maps.LatLng?t.setPosition(e):t.setPosition(new google.maps.LatLng(e.lat,e.lng))},visible:function(t,e){t.setVisible(e)},zIndex:function(t,e){t.setZIndex(e)}},q=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.containerElement=null,e.state={infoBox:null},e.open=function(t,o){o?t.open(e.context,o):t.getPosition()?t.open(e.context):n(!1)},e.setInfoBoxCallback=function(){var t=e.props,n=t.anchor,o=t.onLoad,r=e.state.infoBox;null!==r&&null!==e.containerElement&&(r.setContent(e.containerElement),e.open(r,n),o&&o(r))},e}a(o,t);var c=o.prototype;return c.componentDidMount=function(){var t,e=this.props.options||{},n=e.position,o=p(e,["position"]);!n||n instanceof google.maps.LatLng||(t=new google.maps.LatLng(n.lat,n.lng));var r=new s.InfoBox(i({},o,{},t?{position:t}:{}));this.containerElement=document.createElement("div"),this.registeredEvents=g({updaterMap:K,eventMap:H,prevProps:{},nextProps:this.props,instance:r}),this.setState({infoBox:r},this.setInfoBoxCallback)},c.componentDidUpdate=function(t){var e=this.state.infoBox;null!==e&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:K,eventMap:H,prevProps:t,nextProps:this.props,instance:e}))},c.componentWillUnmount=function(){var t=this.props.onUnmount,e=this.state.infoBox;null!==e&&(t&&t(e),h(this.registeredEvents),e.close())},c.render=function(){return this.containerElement?r.createPortal(e.Children.only(this.props.children),this.containerElement):null},o}(e.PureComponent);q.contextType=c;var Y={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},J={options:function(t,e){t.setOptions(e)},position:function(t,e){t.setPosition(e)},zIndex:function(t,e){t.setZIndex(e)}},Q=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.containerElement=null,e.state={infoWindow:null},e.open=function(t,o){o?t.open(e.context,o):t.getPosition()?t.open(e.context):n(!1)},e.setInfowindowCallback=function(){null!==e.state.infoWindow&&null!==e.containerElement&&(e.state.infoWindow.setContent(e.containerElement),e.open(e.state.infoWindow,e.props.anchor),e.props.onLoad&&e.props.onLoad(e.state.infoWindow))},e}a(o,t);var s=o.prototype;return s.componentDidMount=function(){var t=new google.maps.InfoWindow(i({},this.props.options||{}));this.containerElement=document.createElement("div"),this.registeredEvents=g({updaterMap:J,eventMap:Y,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{infoWindow:t}}),this.setInfowindowCallback)},s.componentDidUpdate=function(t){null!==this.state.infoWindow&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:J,eventMap:Y,prevProps:t,nextProps:this.props,instance:this.state.infoWindow}))},s.componentWillUnmount=function(){null!==this.state.infoWindow&&(h(this.registeredEvents),this.state.infoWindow.close())},s.render=function(){return this.containerElement?r.createPortal(e.Children.only(this.props.children),this.containerElement):e.createElement(e.Fragment,null)},o}(e.PureComponent);Q.contextType=c;var X={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},$={draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},path:function(t,e){t.setPath(e)},visible:function(t,e){t.setVisible(e)}},tt=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={polyline:null},e.setPolylineCallback=function(){null!==e.state.polyline&&e.props.onLoad&&e.props.onLoad(e.state.polyline)},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.Polyline(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:$,eventMap:X,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{polyline:t}}),this.setPolylineCallback)},o.componentDidUpdate=function(t){null!==this.state.polyline&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:$,eventMap:X,prevProps:t,nextProps:this.props,instance:this.state.polyline}))},o.componentWillUnmount=function(){null!==this.state.polyline&&(this.props.onUnmount&&this.props.onUnmount(this.state.polyline),h(this.registeredEvents),this.state.polyline.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);tt.contextType=c;var et={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},nt={draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},path:function(t,e){t.setPath(e)},paths:function(t,e){t.setPaths(e)},visible:function(t,e){t.setVisible(e)}},ot=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={polygon:null},e.setPolygonCallback=function(){null!==e.state.polygon&&e.props.onLoad&&e.props.onLoad(e.state.polygon)},e.render=function(){return null},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.Polygon(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:nt,eventMap:et,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{polygon:t}}),this.setPolygonCallback)},n.componentDidUpdate=function(t){null!==this.state.polygon&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:nt,eventMap:et,prevProps:t,nextProps:this.props,instance:this.state.polygon}))},n.componentWillUnmount=function(){null!==this.state.polygon&&(this.props.onUnmount&&this.props.onUnmount(this.state.polygon),h(this.registeredEvents),this.state.polygon&&this.state.polygon.setMap(null))},e}(e.PureComponent);ot.contextType=c;var rt={onBoundsChanged:"bounds_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},st={bounds:function(t,e){t.setBounds(e)},draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},visible:function(t,e){t.setVisible(e)}},it=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={rectangle:null},e.setRectangleCallback=function(){null!==e.state.rectangle&&e.props.onLoad&&e.props.onLoad(e.state.rectangle)},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.Rectangle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:st,eventMap:rt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{rectangle:t}}),this.setRectangleCallback)},o.componentDidUpdate=function(t){null!==this.state.rectangle&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:st,eventMap:rt,prevProps:t,nextProps:this.props,instance:this.state.rectangle}))},o.componentWillUnmount=function(){null!==this.state.rectangle&&(this.props.onUnmount&&this.props.onUnmount(this.state.rectangle),h(this.registeredEvents),this.state.rectangle.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);it.contextType=c;var at={onCenterChanged:"center_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRadiusChanged:"radius_changed",onRightClick:"rightclick"},pt={center:function(t,e){t.setCenter(e)},draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},radius:function(t,e){t.setRadius(e)},visible:function(t,e){t.setVisible(e)}},ct=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={circle:null},e.setCircleCallback=function(){null!==e.state.circle&&e.props.onLoad&&e.props.onLoad(e.state.circle)},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.Circle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:pt,eventMap:at,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{circle:t}}),this.setCircleCallback)},o.componentDidUpdate=function(t){null!==this.state.circle&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:pt,eventMap:at,prevProps:t,nextProps:this.props,instance:this.state.circle}))},o.componentWillUnmount=function(){null!==this.state.circle&&(this.props.onUnmount&&this.props.onUnmount(this.state.circle),h(this.registeredEvents),this.state.circle&&this.state.circle.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);ct.contextType=c;var lt={onAddFeature:"addfeature",onClick:"click",onDblClick:"dblclick",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRemoveFeature:"removefeature",onRemoveProperty:"removeproperty",onRightClick:"rightclick",onSetGeometry:"setgeometry",onSetProperty:"setproperty"},ut={add:function(t,e){t.add(e)},addgeojson:function(t,e,n){t.addGeoJson(e,n)},contains:function(t,e){t.contains(e)},foreach:function(t,e){t.forEach(e)},loadgeojson:function(t,e,n,o){t.loadGeoJson(e,n,o)},overridestyle:function(t,e,n){t.overrideStyle(e,n)},remove:function(t,e){t.remove(e)},revertstyle:function(t,e){t.revertStyle(e)},controlposition:function(t,e){t.setControlPosition(e)},controls:function(t,e){t.setControls(e)},drawingmode:function(t,e){t.setDrawingMode(e)},map:function(t,e){t.setMap(e)},style:function(t,e){t.setStyle(e)},togeojson:function(t,e){t.toGeoJson(e)}},dt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={data:null},e.setDataCallback=function(){null!==e.state.data&&e.props.onLoad&&e.props.onLoad(e.state.data)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.Data(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:ut,eventMap:lt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{data:t}}),this.setDataCallback)},n.componentDidUpdate=function(t){null!==this.state.data&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:ut,eventMap:lt,prevProps:t,nextProps:this.props,instance:this.state.data}))},n.componentWillUnmount=function(){null!==this.state.data&&(this.props.onUnmount&&this.props.onUnmount(this.state.data),h(this.registeredEvents),this.state.data&&this.state.data.setMap(null))},n.render=function(){return null},e}(e.PureComponent);dt.contextType=c;var ht={onClick:"click",onDefaultViewportChanged:"defaultviewport_changed",onStatusChanged:"status_changed"},gt={options:function(t,e){t.setOptions(e)},url:function(t,e){t.setUrl(e)},zIndex:function(t,e){t.setZIndex(e)}},mt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={kmlLayer:null},e.setKmlLayerCallback=function(){null!==e.state.kmlLayer&&e.props.onLoad&&e.props.onLoad(e.state.kmlLayer)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.KmlLayer(i({},this.props.options,{map:this.context}));this.registeredEvents=g({updaterMap:gt,eventMap:ht,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{kmlLayer:t}}),this.setKmlLayerCallback)},n.componentDidUpdate=function(t){null!==this.state.kmlLayer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:gt,eventMap:ht,prevProps:t,nextProps:this.props,instance:this.state.kmlLayer}))},n.componentWillUnmount=function(){null!==this.state.kmlLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.kmlLayer),h(this.registeredEvents),this.state.kmlLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);mt.contextType=c;var ft=function(t,e){return new e(t.lat,t.lng)},vt=function(t,e){return new e(new google.maps.LatLng(t.ne.lat,t.ne.lng),new google.maps.LatLng(t.sw.lat,t.sw.lng))},yt=function(t,e,n){return t instanceof e?t:n(t,e)},Mt=function(t,e,n,o){return void 0!==n?function(t,e,n){var o=t.fromLatLngToDivPixel(n.getNorthEast()),r=t.fromLatLngToDivPixel(n.getSouthWest());return o&&r?{left:r.x+e.x+"px",top:o.y+e.y+"px",width:o.x-r.x-e.x+"px",height:r.y-o.y-e.y+"px"}:{left:"-9999px",top:"-9999px"}}(t,e,yt(n,google.maps.LatLngBounds,vt)):function(t,e,n){var o=t.fromLatLngToDivPixel(n);return o?{left:o.x+e.x+"px",top:o.y+e.y+"px"}:{left:"-9999px",top:"-9999px"}}(t,e,yt(o,google.maps.LatLng,ft))},Ct=function(t){function e(){return t.apply(this,arguments)||this}a(e,t);var n=e.prototype;return n.componentDidMount=function(){this.props.onLoad&&this.props.onLoad()},n.render=function(){return this.props.children},e}(e.Component),Et=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).state={overlayView:null},e.containerElement=null,e.setOverlayViewCallback=function(){null!==e.state.overlayView&&e.props.onLoad&&e.props.onLoad(e.state.overlayView),e.onPositionElement()},e.onAdd=function(){e.containerElement=document.createElement("div"),e.containerElement.style.position="absolute"},e.onPositionElement=function(){if(null!==e.state.overlayView&&null!==e.containerElement){var t=e.state.overlayView.getProjection(),n=i({x:0,y:0},(r=e.containerElement,"function"==typeof(s=e.props.getPixelPositionOffset)?s(r.offsetWidth,r.offsetHeight):{})),o=Mt(t,n,e.props.bounds,e.props.position);Object.assign(e.containerElement.style,o)}var r,s},e.draw=function(){e.props.mapPaneName||n(!1);var t=e.state.overlayView;if(null!==t){var o=t.getPanes();o&&(e.containerElement&&o[e.props.mapPaneName].appendChild(e.containerElement),e.onPositionElement(),e.forceUpdate())}},e.onRemove=function(){null!==e.containerElement&&e.containerElement.parentNode&&(e.containerElement.parentNode.removeChild(e.containerElement),delete e.containerElement)},e}a(o,t);var s=o.prototype;return s.componentDidMount=function(){var t=new google.maps.OverlayView;t.onAdd=this.onAdd,t.draw=this.draw,t.onRemove=this.onRemove,t.setMap(this.context),this.setState((function(){return{overlayView:t}}))},s.componentDidUpdate=function(t){var e=this;t.position===this.props.position&&t.bounds===this.props.bounds||setTimeout((function(){null!==e.state.overlayView&&e.state.overlayView.draw()}),0)},s.componentWillUnmount=function(){null!==this.state.overlayView&&(this.props.onUnmount&&this.props.onUnmount(this.state.overlayView),this.state.overlayView.setMap(null))},s.render=function(){return null!==this.containerElement?r.createPortal(e.createElement(Ct,{onLoad:this.setOverlayViewCallback},e.Children.only(this.props.children)),this.containerElement):e.createElement(e.Fragment,null)},o}(e.PureComponent);Et.FLOAT_PANE="floatPane",Et.MAP_PANE="mapPane",Et.MARKER_LAYER="markerLayer",Et.OVERLAY_LAYER="overlayLayer",Et.OVERLAY_MOUSE_TARGET="overlayMouseTarget",Et.contextType=c;var xt={onDblClick:"dblclick",onClick:"click"},Pt={opacity:function(t,e){t.setOpacity(e)}},kt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={groundOverlay:null},e.setGroundOverlayCallback=function(){null!==e.state.groundOverlay&&e.props.onLoad&&e.props.onLoad(e.state.groundOverlay)},e}a(e,t);var o=e.prototype;return o.componentDidMount=function(){this.props.url||this.props.bounds||n(!1);var t=new google.maps.GroundOverlay(this.props.url,this.props.bounds,i({},this.props.options,{map:this.context}));this.registeredEvents=g({updaterMap:Pt,eventMap:xt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{groundOverlay:t}}),this.setGroundOverlayCallback)},o.componentDidUpdate=function(t){null!==this.state.groundOverlay&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:Pt,eventMap:xt,prevProps:t,nextProps:this.props,instance:this.state.groundOverlay}))},o.componentWillUnmount=function(){this.state.groundOverlay&&(this.props.onUnmount&&this.props.onUnmount(this.state.groundOverlay),this.state.groundOverlay.setMap(null))},o.render=function(){return null},e}(e.PureComponent);kt.defaultProps={onLoad:function(){}},kt.contextType=c;var bt={},wt={data:function(t,e){t.setData(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)}},Lt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={heatmapLayer:null},e.setHeatmapLayerCallback=function(){null!==e.state.heatmapLayer&&e.props.onLoad&&e.props.onLoad(e.state.heatmapLayer)},e}a(e,t);var o=e.prototype;return o.componentDidMount=function(){google.maps.visualization||n(!1),this.props.data||n(!1);var t=new google.maps.visualization.HeatmapLayer(i({data:this.props.data},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:wt,eventMap:bt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{heatmapLayer:t}}),this.setHeatmapLayerCallback)},o.componentDidUpdate=function(t){h(this.registeredEvents),this.registeredEvents=g({updaterMap:wt,eventMap:bt,prevProps:t,nextProps:this.props,instance:this.state.heatmapLayer})},o.componentWillUnmount=function(){null!==this.state.heatmapLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.heatmapLayer),h(this.registeredEvents),this.state.heatmapLayer.setMap(null))},o.render=function(){return null},e}(e.PureComponent);Lt.contextType=c;var Dt={onCloseClick:"closeclick",onPanoChanged:"pano_changed",onPositionChanged:"position_changed",onPovChanged:"pov_changed",onResize:"resize",onStatusChanged:"status_changed",onVisibleChanged:"visible_changed",onZoomChanged:"zoom_changed"},St={register:function(t,e,n){t.registerPanoProvider(e,n)},links:function(t,e){t.setLinks(e)},motionTracking:function(t,e){t.setMotionTracking(e)},options:function(t,e){t.setOptions(e)},pano:function(t,e){t.setPano(e)},position:function(t,e){t.setPosition(e)},pov:function(t,e){t.setPov(e)},visible:function(t,e){t.setVisible(e)},zoom:function(t,e){t.setZoom(e)}},Ut=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={streetViewPanorama:null},e.setStreetViewPanoramaCallback=function(){null!==e.state.streetViewPanorama&&e.props.onLoad&&e.props.onLoad(e.state.streetViewPanorama)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=this.context.getStreetView();this.registeredEvents=g({updaterMap:St,eventMap:Dt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{streetViewPanorama:t}}),this.setStreetViewPanoramaCallback)},n.componentDidUpdate=function(t){null!==this.state.streetViewPanorama&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:St,eventMap:Dt,prevProps:t,nextProps:this.props,instance:this.state.streetViewPanorama}))},n.componentWillUnmount=function(){null!==this.state.streetViewPanorama&&(this.props.onUnmount&&this.props.onUnmount(this.state.streetViewPanorama),h(this.registeredEvents),this.state.streetViewPanorama.setVisible(!1))},n.render=function(){return null},e}(e.PureComponent);Ut.contextType=c;var Ot=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={streetViewService:null},e.setStreetViewServiceCallback=function(){null!==e.state.streetViewService&&e.props.onLoad&&e.props.onLoad(e.state.streetViewService)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.StreetViewService;this.setState((function(){return{streetViewService:t}}))},n.componentWillUnmount=function(){null!==this.state.streetViewService&&this.props.onUnmount&&this.props.onUnmount(this.state.streetViewService)},n.render=function(){return null},e}(e.PureComponent);Ot.contextType=c;var Tt=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).state={directionsService:null},e.setDirectionsServiceCallback=function(){null!==e.state.directionsService&&e.props.onLoad&&e.props.onLoad(e.state.directionsService)},e}a(o,t);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var t=new google.maps.DirectionsService;this.setState((function(){return{directionsService:t}}),this.setDirectionsServiceCallback)},r.componentDidUpdate=function(){null!==this.state.directionsService&&this.state.directionsService.route(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.directionsService&&this.props.onUnmount&&this.props.onUnmount(this.state.directionsService)},r.render=function(){return e.createElement(e.Fragment,null)},o}(e.PureComponent),Rt={onDirectionsChanged:"directions_changed"},Vt={directions:function(t,e){t.setDirections(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},panel:function(t,e){t.setPanel(e)},routeIndex:function(t,e){t.setRouteIndex(e)}},It=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={directionsRenderer:null},e.setDirectionsRendererCallback=function(){null!==e.state.directionsRenderer&&(e.state.directionsRenderer.setMap(e.context),e.props.onLoad&&e.props.onLoad(e.state.directionsRenderer))},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.DirectionsRenderer(this.props.options);this.registeredEvents=g({updaterMap:Vt,eventMap:Rt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{directionsRenderer:t}}),this.setDirectionsRendererCallback)},o.componentDidUpdate=function(t){null!==this.state.directionsRenderer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:Vt,eventMap:Rt,prevProps:t,nextProps:this.props,instance:this.state.directionsRenderer}))},o.componentWillUnmount=function(){null!==this.state.directionsRenderer&&(this.props.onUnmount&&this.props.onUnmount(this.state.directionsRenderer),h(this.registeredEvents),this.state.directionsRenderer&&this.state.directionsRenderer.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);It.contextType=c;var _t=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).state={distanceMatrixService:null},e.setDistanceMatrixServiceCallbak=function(){null!==e.state.distanceMatrixService&&e.props.onLoad&&e.props.onLoad(e.state.distanceMatrixService)},e}a(o,t);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var t=new google.maps.DistanceMatrixService;this.setState((function(){return{distanceMatrixService:t}}),this.setDistanceMatrixServiceCallbak)},r.componentDidUpdate=function(){null!==this.state.distanceMatrixService&&this.state.distanceMatrixService.getDistanceMatrix(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.distanceMatrixService&&this.props.onUnmount&&this.props.onUnmount(this.state.distanceMatrixService)},r.render=function(){return e.createElement(e.Fragment,null)},o}(e.PureComponent),Bt={onPlacesChanged:"places_changed"},Wt={bounds:function(t,e){t.setBounds(e)}},At=function(t){function o(){var n;return(n=t.apply(this,arguments)||this).registeredEvents=[],n.containerElement=e.createRef(),n.state={searchBox:null},n.setSearchBoxCallback=function(){null!==n.state.searchBox&&n.props.onLoad&&n.props.onLoad(n.state.searchBox)},n}a(o,t);var r=o.prototype;return r.componentDidMount=function(){if(google.maps.places||n(!1),null!==this.containerElement&&null!==this.containerElement.current){var t=this.containerElement.current.querySelector("input");if(t){var e=new google.maps.places.SearchBox(t,this.props.options);this.registeredEvents=g({updaterMap:Wt,eventMap:Bt,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{searchBox:e}}),this.setSearchBoxCallback)}}},r.componentDidUpdate=function(t){null!==this.state.searchBox&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:Wt,eventMap:Bt,prevProps:t,nextProps:this.props,instance:this.state.searchBox}))},r.componentWillUnmount=function(){null!==this.state.searchBox&&(this.props.onUnmount&&this.props.onUnmount(this.state.searchBox),h(this.registeredEvents))},r.render=function(){return e.createElement("div",{ref:this.containerElement},e.Children.only(this.props.children))},o}(e.PureComponent);At.contextType=c;var Nt={onPlaceChanged:"place_changed"},jt={bounds:function(t,e){t.setBounds(e)},restrictions:function(t,e){t.setComponentRestrictions(e)},fields:function(t,e){t.setFields(e)},options:function(t,e){t.setOptions(e)},types:function(t,e){t.setTypes(e)}},zt=function(t){function o(){var n;return(n=t.apply(this,arguments)||this).registeredEvents=[],n.containerElement=e.createRef(),n.state={autocomplete:null},n.setAutocompleteCallback=function(){null!==n.state.autocomplete&&n.props.onLoad&&n.props.onLoad(n.state.autocomplete)},n}a(o,t);var r=o.prototype;return r.componentDidMount=function(){google.maps.places||n(!1);var t=this.containerElement.current.querySelector("input");if(t){var e=new google.maps.places.Autocomplete(t,this.props.options);this.registeredEvents=g({updaterMap:jt,eventMap:Nt,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{autocomplete:e}}),this.setAutocompleteCallback)}},r.componentDidUpdate=function(t){h(this.registeredEvents),this.registeredEvents=g({updaterMap:jt,eventMap:Nt,prevProps:t,nextProps:this.props,instance:this.state.autocomplete})},r.componentWillUnmount=function(){null!==this.state.autocomplete&&h(this.registeredEvents)},r.render=function(){return e.createElement("div",{ref:this.containerElement},e.Children.only(this.props.children))},o}(e.PureComponent);zt.contextType=c,exports.Autocomplete=zt,exports.BicyclingLayer=I,exports.Circle=ct,exports.Data=dt,exports.DirectionsRenderer=It,exports.DirectionsService=Tt,exports.DistanceMatrixService=_t,exports.DrawingManager=A,exports.GoogleMap=v,exports.GroundOverlay=kt,exports.HeatmapLayer=Lt,exports.InfoBox=q,exports.InfoWindow=Q,exports.KmlLayer=mt,exports.LoadScript=L,exports.LoadScriptNext=O,exports.Marker=z,exports.MarkerClusterer=Z,exports.OverlayView=Et,exports.Polygon=ot,exports.Polyline=tt,exports.Rectangle=it,exports.StandaloneSearchBox=At,exports.StreetViewPanorama=Ut,exports.StreetViewService=Ot,exports.TrafficLayer=V,exports.TransitLayer=_,exports.useGoogleMap=function(){e.useContext||n(!1);var t=e.useContext(c);return t||n(!1),t},exports.useLoadScript=D;
+"use strict";var t,e=require("react"),n=(t=require("invariant"))&&"object"==typeof t&&"default"in t?t.default:t,o=require("@react-google-maps/marker-clusterer"),r=require("react-dom"),s=require("@react-google-maps/infobox");function i(){return(i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}function a(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e}function p(t,e){if(null==t)return{};var n,o,r={},s=Object.keys(t);for(o=0;o<s.length;o++)e.indexOf(n=s[o])>=0||(r[n]=t[n]);return r}var c=e.createContext(null),l=function(t,e,n){return Object.keys(t).reduce((function(n,o){return e(n,t[o],o)}),n)},u=function(t,e,n,o){var r,s={};return r=t,Object.keys(r).forEach((function(t){return function(t,r){var i=n[r];i!==e[r]&&(s[r]=i,t(o,i))}(r[t],t)})),s};function d(t){google.maps.event.removeListener(t)}function h(t){void 0===t&&(t=[]),t.map(d)}function g(t){var e=t.updaterMap,n=t.prevProps,o=t.nextProps,r=t.instance,s=function(t,e,n){return l(n,(function(n,o,r){return"function"==typeof t[r]&&n.push(google.maps.event.addListener(e,o,t[r])),n}),[])}(o,r,t.eventMap);return u(e,n,o,r),s}var m={onDblClick:"dblclick",onDragEnd:"dragend",onDragStart:"dragstart",onMapTypeIdChanged:"maptypeid_changed",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseDown:"mousedown",onMouseUp:"mouseup",onRightClick:"rightclick",onTilesLoaded:"tilesloaded",onBoundsChanged:"bounds_changed",onCenterChanged:"center_changed",onClick:"click",onDrag:"drag",onHeadingChanged:"heading_changed",onIdle:"idle",onProjectionChanged:"projection_changed",onResize:"resize",onTiltChanged:"tilt_changed",onZoomChanged:"zoom_changed"},f={extraMapTypes:function(t,e){e.forEach((function(e,n){t.mapTypes.set(String(n),e)}))},center:function(t,e){t.setCenter(e)},clickableIcons:function(t,e){t.setClickableIcons(e)},heading:function(t,e){t.setHeading(e)},mapTypeId:function(t,e){t.setMapTypeId(e)},options:function(t,e){t.setOptions(e)},streetView:function(t,e){t.setStreetView(e)},tilt:function(t,e){t.setTilt(e)},zoom:function(t,e){t.setZoom(e)}},v=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).state={map:null},e.registeredEvents=[],e.mapRef=null,e.getInstance=function(){return new google.maps.Map(e.mapRef,e.props.options)},e.panTo=function(t){var n=e.getInstance();n&&n.panTo(t)},e.setMapCallback=function(){null!==e.state.map&&e.props.onLoad&&e.props.onLoad(e.state.map)},e.getRef=function(t){e.mapRef=t},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=this.getInstance();this.registeredEvents=g({updaterMap:f,eventMap:m,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{map:t}}),this.setMapCallback)},o.componentDidUpdate=function(t){null!==this.state.map&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:f,eventMap:m,prevProps:t,nextProps:this.props,instance:this.state.map}))},o.componentWillUnmount=function(){null!==this.state.map&&(this.props.onUnmount&&this.props.onUnmount(this.state.map),h(this.registeredEvents))},o.render=function(){return e.createElement("div",{id:this.props.id,ref:this.getRef,style:this.props.mapContainerStyle,className:this.props.mapContainerClassName},e.createElement(c.Provider,{value:this.state.map},null!==this.state.map?this.props.children:e.createElement(e.Fragment,null)))},n}(e.PureComponent),y="undefined"!=typeof document,M=function(t){var e=t.url,n=t.id;return y?new Promise((function(t,o){var r=document.getElementById(n),s=window;if(r){var i=r.getAttribute("data-state");if(r.src===e&&"error"!==i){if("ready"===i)return t(n);var a=s.initMap,p=r.onerror;return s.initMap=function(){a&&a(),t(n)},void(r.onerror=function(t){p&&p(t),o(t)})}r.remove()}var c=document.createElement("script");c.type="text/javascript",c.src=e,c.id=n,c.async=!0,c.onerror=function(t){c.setAttribute("data-state","error"),o(t)},s.initMap=function(){c.setAttribute("data-state","ready"),t(n)},document.head.appendChild(c)})).catch((function(t){throw console.error("injectScript error: ",t),t})):Promise.reject(new Error("document is undefined"))},C=function(t){return!((!t.href||0!==t.href.indexOf("https://fonts.googleapis.com/css?family=Roboto"))&&("style"===t.tagName.toLowerCase()&&t.styleSheet&&t.styleSheet.cssText&&0===t.styleSheet.cssText.replace("\r\n","").indexOf(".gm-style")?(t.styleSheet.cssText="",0):"style"===t.tagName.toLowerCase()&&t.innerHTML&&0===t.innerHTML.replace("\r\n","").indexOf(".gm-style")?(t.innerHTML="",0):"style"!==t.tagName.toLowerCase()||t.styleSheet||t.innerHTML))},E=function(){var t=document.getElementsByTagName("head")[0],e=t.insertBefore.bind(t);t.insertBefore=function(n,o){C(n)||Reflect.apply(e,t,[n,o])};var n=t.appendChild.bind(t);t.appendChild=function(e){C(e)||Reflect.apply(n,t,[e])}};function x(t){var e=t.googleMapsApiKey,o=t.googleMapsClientId,r=t.version,s=void 0===r?"weekly":r,i=t.language,a=t.region,p=t.libraries,c=t.channel,l=[];return e&&o||!e||!o||n(!1),e?l.push("key="+e):o&&l.push("client="+o),s&&l.push("v="+s),i&&l.push("language="+i),a&&l.push("region="+a),p&&p.length&&l.push("libraries="+p.sort().join(",")),c&&l.push("channel="+c),l.push("callback=initMap"),"https://maps.googleapis.com/maps/api/js?"+l.join("&")}var P=!1;function k(){return e.createElement("div",null,"Loading...")}var b,w={id:"script-loader",version:"weekly"},L=function(t){function o(){var o;return(o=t.apply(this,arguments)||this).check=e.createRef(),o.state={loaded:!1},o.cleanupCallback=function(){delete window.google,o.injectScript()},o.isCleaningUp=function(){try{return Promise.resolve(new Promise((function(t){if(P){if(y)var e=window.setInterval((function(){P||(window.clearInterval(e),t())}),1)}else t()})))}catch(t){return Promise.reject(t)}},o.cleanup=function(){P=!0;var t=document.getElementById(o.props.id);t&&t.parentNode&&t.parentNode.removeChild(t),Array.prototype.slice.call(document.getElementsByTagName("script")).filter((function(t){return t.src.includes("maps.googleapis")})).forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)})),Array.prototype.slice.call(document.getElementsByTagName("link")).filter((function(t){return"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans"===t.href})).forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)})),Array.prototype.slice.call(document.getElementsByTagName("style")).filter((function(t){return void 0!==t.innerText&&t.innerText.length>0&&t.innerText.includes(".gm-")})).forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)}))},o.injectScript=function(){o.props.preventGoogleFontsLoading&&E(),o.props.id||n(!1);var t={id:o.props.id,url:x(o.props)};M(t).then((function(){o.props.onLoad&&o.props.onLoad(),o.setState((function(){return{loaded:!0}}))})).catch((function(t){o.props.onError&&o.props.onError(t),console.error("\n          There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(o.props.googleMapsApiKey||"-")+") or Client ID ("+(o.props.googleMapsClientId||"-")+") to <LoadScript />\n          Otherwise it is a Network issue.\n        ")}))},o}a(o,t);var r=o.prototype;return r.componentDidMount=function(){if(y){if(window.google&&!P)return void console.error("google api is already presented");this.isCleaningUp().then(this.injectScript).catch((function(t){console.error("Error at injecting script after cleaning up: ",t)}))}},r.componentDidUpdate=function(t){this.props.libraries!==t.libraries&&console.warn("Performance warning! LoadScript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somewhere in config files or ENV variables"),y&&t.language!==this.props.language&&(this.cleanup(),this.setState((function(){return{loaded:!1}}),this.cleanupCallback))},r.componentWillUnmount=function(){var t=this;y&&(this.cleanup(),window.setTimeout((function(){t.check.current||(delete window.google,P=!1)}),1),this.props.onUnmount&&this.props.onUnmount())},r.render=function(){return e.createElement(e.Fragment,null,e.createElement("div",{ref:this.check}),this.state.loaded?this.props.children:this.props.loadingElement||e.createElement(k,null))},o}(e.PureComponent);function D(t){var o=t.id,r=void 0===o?w.id:o,s=t.version,i=void 0===s?w.version:s,a=t.googleMapsApiKey,p=t.googleMapsClientId,c=t.language,l=t.region,u=t.libraries,d=t.preventGoogleFontsLoading,h=t.channel,g=e.useRef(!1),m=e.useState(!1),f=m[0],v=m[1],C=e.useState(void 0),P=C[0],k=C[1];e.useEffect((function(){return g.current=!0,function(){g.current=!1}}),[]),e.useEffect((function(){y&&d&&E()}),[d]),e.useEffect((function(){f&&(window.google||n(!1))}),[f]);var L=x({version:i,googleMapsApiKey:a,googleMapsClientId:p,language:c,region:l,libraries:u,channel:h});e.useEffect((function(){function t(){g.current&&(v(!0),b=L)}y&&(window.google&&b===L?t():M({id:r,url:L}).then(t).catch((function(t){g.current&&k(t),console.warn("\n        There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(a||"-")+") or Client ID ("+(p||"-")+")\n        Otherwise it is a Network issue.\n      "),console.error(t)})))}),[r,L]);var D=e.useRef();return e.useEffect((function(){D.current&&u!==D.current&&console.warn("Performance warning! LoadScript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somewhere in config files or ENV variables"),D.current=u}),[u]),{isLoaded:f,loadError:P,url:L}}L.defaultProps=w;var S=e.createElement(k,null);function U(t){var n=t.loadingElement,o=t.onLoad,r=t.onError,s=t.onUnmount,i=t.children,a=D(p(t,["loadingElement","onLoad","onError","onUnmount","children"])),c=a.isLoaded,l=a.loadError;return e.useEffect((function(){c&&"function"==typeof o&&o()}),[c,o]),e.useEffect((function(){l&&"function"==typeof r&&r(l)}),[l,r]),e.useEffect((function(){return function(){s&&s()}}),[s]),c?i:n||S}var O=e.memo(U),T={},R={options:function(t,e){t.setOptions(e)}},V=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={trafficLayer:null},e.setTrafficLayerCallback=function(){null!==e.state.trafficLayer&&e.props.onLoad&&e.props.onLoad(e.state.trafficLayer)},e.registeredEvents=[],e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.TrafficLayer(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:R,eventMap:T,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{trafficLayer:t}}),this.setTrafficLayerCallback)},n.componentDidUpdate=function(t){null!==this.state.trafficLayer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:R,eventMap:T,prevProps:t,nextProps:this.props,instance:this.state.trafficLayer}))},n.componentWillUnmount=function(){null!==this.state.trafficLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.trafficLayer),h(this.registeredEvents),this.state.trafficLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);V.contextType=c;var I=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={bicyclingLayer:null},e.setBicyclingLayerCallback=function(){null!==e.state.bicyclingLayer&&(e.state.bicyclingLayer.setMap(e.context),e.props.onLoad&&e.props.onLoad(e.state.bicyclingLayer))},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.BicyclingLayer;this.setState((function(){return{bicyclingLayer:t}}),this.setBicyclingLayerCallback)},n.componentWillUnmount=function(){null!==this.state.bicyclingLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.bicyclingLayer),this.state.bicyclingLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);I.contextType=c;var _=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={transitLayer:null},e.setTransitLayerCallback=function(){null!==e.state.transitLayer&&(e.state.transitLayer.setMap(e.context),e.props.onLoad&&e.props.onLoad(e.state.transitLayer))},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.TransitLayer;this.setState((function(){return{transitLayer:t}}),this.setTransitLayerCallback)},n.componentWillUnmount=function(){null!==this.state.transitLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.transitLayer),this.state.transitLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);_.contextType=c;var W={onCircleComplete:"circlecomplete",onMarkerComplete:"markercomplete",onOverlayComplete:"overlaycomplete",onPolygonComplete:"polygoncomplete",onPolylineComplete:"polylinecomplete",onRectangleComplete:"rectanglecomplete"},B={drawingMode:function(t,e){t.setDrawingMode(e)},options:function(t,e){t.setOptions(e)}},A=function(t){function o(e){var o;return(o=t.call(this,e)||this).registeredEvents=[],o.state={drawingManager:null},o.setDrawingManagerCallback=function(){null!==o.state.drawingManager&&o.props.onLoad&&o.props.onLoad(o.state.drawingManager)},google.maps.drawing||n(!1),o}a(o,t);var r=o.prototype;return r.componentDidMount=function(){var t=new google.maps.drawing.DrawingManager(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:B,eventMap:W,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{drawingManager:t}}),this.setDrawingManagerCallback)},r.componentDidUpdate=function(t){null!==this.state.drawingManager&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:B,eventMap:W,prevProps:t,nextProps:this.props,instance:this.state.drawingManager}))},r.componentWillUnmount=function(){null!==this.state.drawingManager&&(this.props.onUnmount&&this.props.onUnmount(this.state.drawingManager),h(this.registeredEvents),this.state.drawingManager.setMap(null))},r.render=function(){return e.createElement(e.Fragment,null)},o}(e.PureComponent);A.contextType=c;var N={onAnimationChanged:"animation_changed",onClick:"click",onClickableChanged:"clickable_changed",onCursorChanged:"cursor_changed",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDraggableChanged:"draggable_changed",onDragStart:"dragstart",onFlatChanged:"flat_changed",onIconChanged:"icon_changed",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPositionChanged:"position_changed",onRightClick:"rightclick",onShapeChanged:"shape_changed",onTitleChanged:"title_changed",onVisibleChanged:"visible_changed",onZindexChanged:"zindex_changed"},j={animation:function(t,e){t.setAnimation(e)},clickable:function(t,e){t.setClickable(e)},cursor:function(t,e){t.setCursor(e)},draggable:function(t,e){t.setDraggable(e)},icon:function(t,e){t.setIcon(e)},label:function(t,e){t.setLabel(e)},map:function(t,e){t.setMap(e)},opacity:function(t,e){t.setOpacity(e)},options:function(t,e){t.setOptions(e)},position:function(t,e){t.setPosition(e)},shape:function(t,e){t.setShape(e)},title:function(t,e){t.setTitle(e)},visible:function(t,e){t.setVisible(e)},zIndex:function(t,e){t.setZIndex(e)}},z=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={marker:null},e.setMarkerCallback=function(){null!==e.state.marker&&e.props.onLoad&&e.props.onLoad(e.state.marker)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=i({},this.props.options||{},{},this.props.clusterer?{}:{map:this.context},{position:this.props.position}),e=new google.maps.Marker(t);this.props.clusterer?this.props.clusterer.addMarker(e,!!this.props.noClustererRedraw):e.setMap(this.context),this.registeredEvents=g({updaterMap:j,eventMap:N,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{marker:e}}),this.setMarkerCallback)},n.componentDidUpdate=function(t){null!==this.state.marker&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:j,eventMap:N,prevProps:t,nextProps:this.props,instance:this.state.marker}))},n.componentWillUnmount=function(){null!==this.state.marker&&(this.props.onUnmount&&this.props.onUnmount(this.state.marker),h(this.registeredEvents),this.props.clusterer?this.props.clusterer.removeMarker(this.state.marker,!!this.props.noClustererRedraw):this.state.marker&&this.state.marker.setMap(null))},n.render=function(){return this.props.children||null},e}(e.PureComponent);z.contextType=c;var F={onClick:"click",onClusteringBegin:"clusteringbegin",onClusteringEnd:"clusteringend",onMouseOut:"mouseout",onMouseOver:"mouseover"},G={averageCenter:function(t,e){t.setAverageCenter(e)},batchSizeIE:function(t,e){t.setBatchSizeIE(e)},calculator:function(t,e){t.setCalculator(e)},clusterClass:function(t,e){t.setClusterClass(e)},enableRetinaIcons:function(t,e){t.setEnableRetinaIcons(e)},gridSize:function(t,e){t.setGridSize(e)},ignoreHidden:function(t,e){t.setIgnoreHidden(e)},imageExtension:function(t,e){t.setImageExtension(e)},imagePath:function(t,e){t.setImagePath(e)},imageSizes:function(t,e){t.setImageSizes(e)},maxZoom:function(t,e){t.setMaxZoom(e)},minimumClusterSize:function(t,e){t.setMinimumClusterSize(e)},styles:function(t,e){t.setStyles(e)},title:function(t,e){t.setTitle(e)},zoomOnClick:function(t,e){t.setZoomOnClick(e)}},Z=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={markerClusterer:null},e.setClustererCallback=function(){null!==e.state.markerClusterer&&e.props.onLoad&&e.props.onLoad(e.state.markerClusterer)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){if(this.context){var t=new o.Clusterer(this.context,[],this.props.options);this.registeredEvents=g({updaterMap:G,eventMap:F,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{markerClusterer:t}}),this.setClustererCallback)}},n.componentDidUpdate=function(t){this.state.markerClusterer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:G,eventMap:F,prevProps:t,nextProps:this.props,instance:this.state.markerClusterer}))},n.componentWillUnmount=function(){null!==this.state.markerClusterer&&(this.props.onUnmount&&this.props.onUnmount(this.state.markerClusterer),h(this.registeredEvents),this.state.markerClusterer.setMap(null))},n.render=function(){return null!==this.state.markerClusterer?this.props.children(this.state.markerClusterer):null},e}(e.PureComponent);Z.contextType=c;var H={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},K={options:function(t,e){t.setOptions(e)},position:function(t,e){e instanceof google.maps.LatLng?t.setPosition(e):t.setPosition(new google.maps.LatLng(e.lat,e.lng))},visible:function(t,e){t.setVisible(e)},zIndex:function(t,e){t.setZIndex(e)}},q=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.containerElement=null,e.state={infoBox:null},e.open=function(t,o){o?t.open(e.context,o):t.getPosition()?t.open(e.context):n(!1)},e.setInfoBoxCallback=function(){var t=e.props,n=t.anchor,o=t.onLoad,r=e.state.infoBox;null!==r&&null!==e.containerElement&&(r.setContent(e.containerElement),e.open(r,n),o&&o(r))},e}a(o,t);var c=o.prototype;return c.componentDidMount=function(){var t,e=this.props.options||{},n=e.position,o=p(e,["position"]);!n||n instanceof google.maps.LatLng||(t=new google.maps.LatLng(n.lat,n.lng));var r=new s.InfoBox(i({},o,{},t?{position:t}:{}));this.containerElement=document.createElement("div"),this.registeredEvents=g({updaterMap:K,eventMap:H,prevProps:{},nextProps:this.props,instance:r}),this.setState({infoBox:r},this.setInfoBoxCallback)},c.componentDidUpdate=function(t){var e=this.state.infoBox;null!==e&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:K,eventMap:H,prevProps:t,nextProps:this.props,instance:e}))},c.componentWillUnmount=function(){var t=this.props.onUnmount,e=this.state.infoBox;null!==e&&(t&&t(e),h(this.registeredEvents),e.close())},c.render=function(){return this.containerElement?r.createPortal(e.Children.only(this.props.children),this.containerElement):null},o}(e.PureComponent);q.contextType=c;var Y={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},J={options:function(t,e){t.setOptions(e)},position:function(t,e){t.setPosition(e)},zIndex:function(t,e){t.setZIndex(e)}},Q=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.containerElement=null,e.state={infoWindow:null},e.open=function(t,o){o?t.open(e.context,o):t.getPosition()?t.open(e.context):n(!1)},e.setInfoWindowCallback=function(){null!==e.state.infoWindow&&null!==e.containerElement&&(e.state.infoWindow.setContent(e.containerElement),e.open(e.state.infoWindow,e.props.anchor),e.props.onLoad&&e.props.onLoad(e.state.infoWindow))},e}a(o,t);var s=o.prototype;return s.componentDidMount=function(){var t=new google.maps.InfoWindow(i({},this.props.options||{}));this.containerElement=document.createElement("div"),this.registeredEvents=g({updaterMap:J,eventMap:Y,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{infoWindow:t}}),this.setInfoWindowCallback)},s.componentDidUpdate=function(t){null!==this.state.infoWindow&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:J,eventMap:Y,prevProps:t,nextProps:this.props,instance:this.state.infoWindow}))},s.componentWillUnmount=function(){null!==this.state.infoWindow&&(h(this.registeredEvents),this.state.infoWindow.close())},s.render=function(){return this.containerElement?r.createPortal(e.Children.only(this.props.children),this.containerElement):e.createElement(e.Fragment,null)},o}(e.PureComponent);Q.contextType=c;var X={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},$={draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},path:function(t,e){t.setPath(e)},visible:function(t,e){t.setVisible(e)}},tt=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={polyline:null},e.setPolylineCallback=function(){null!==e.state.polyline&&e.props.onLoad&&e.props.onLoad(e.state.polyline)},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.Polyline(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:$,eventMap:X,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{polyline:t}}),this.setPolylineCallback)},o.componentDidUpdate=function(t){null!==this.state.polyline&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:$,eventMap:X,prevProps:t,nextProps:this.props,instance:this.state.polyline}))},o.componentWillUnmount=function(){null!==this.state.polyline&&(this.props.onUnmount&&this.props.onUnmount(this.state.polyline),h(this.registeredEvents),this.state.polyline.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);tt.contextType=c;var et={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},nt={draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},path:function(t,e){t.setPath(e)},paths:function(t,e){t.setPaths(e)},visible:function(t,e){t.setVisible(e)}},ot=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={polygon:null},e.setPolygonCallback=function(){null!==e.state.polygon&&e.props.onLoad&&e.props.onLoad(e.state.polygon)},e.render=function(){return null},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.Polygon(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:nt,eventMap:et,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{polygon:t}}),this.setPolygonCallback)},n.componentDidUpdate=function(t){null!==this.state.polygon&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:nt,eventMap:et,prevProps:t,nextProps:this.props,instance:this.state.polygon}))},n.componentWillUnmount=function(){null!==this.state.polygon&&(this.props.onUnmount&&this.props.onUnmount(this.state.polygon),h(this.registeredEvents),this.state.polygon&&this.state.polygon.setMap(null))},e}(e.PureComponent);ot.contextType=c;var rt={onBoundsChanged:"bounds_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},st={bounds:function(t,e){t.setBounds(e)},draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},visible:function(t,e){t.setVisible(e)}},it=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={rectangle:null},e.setRectangleCallback=function(){null!==e.state.rectangle&&e.props.onLoad&&e.props.onLoad(e.state.rectangle)},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.Rectangle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:st,eventMap:rt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{rectangle:t}}),this.setRectangleCallback)},o.componentDidUpdate=function(t){null!==this.state.rectangle&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:st,eventMap:rt,prevProps:t,nextProps:this.props,instance:this.state.rectangle}))},o.componentWillUnmount=function(){null!==this.state.rectangle&&(this.props.onUnmount&&this.props.onUnmount(this.state.rectangle),h(this.registeredEvents),this.state.rectangle.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);it.contextType=c;var at={onCenterChanged:"center_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRadiusChanged:"radius_changed",onRightClick:"rightclick"},pt={center:function(t,e){t.setCenter(e)},draggable:function(t,e){t.setDraggable(e)},editable:function(t,e){t.setEditable(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},radius:function(t,e){t.setRadius(e)},visible:function(t,e){t.setVisible(e)}},ct=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={circle:null},e.setCircleCallback=function(){null!==e.state.circle&&e.props.onLoad&&e.props.onLoad(e.state.circle)},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.Circle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:pt,eventMap:at,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{circle:t}}),this.setCircleCallback)},o.componentDidUpdate=function(t){null!==this.state.circle&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:pt,eventMap:at,prevProps:t,nextProps:this.props,instance:this.state.circle}))},o.componentWillUnmount=function(){null!==this.state.circle&&(this.props.onUnmount&&this.props.onUnmount(this.state.circle),h(this.registeredEvents),this.state.circle&&this.state.circle.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);ct.contextType=c;var lt={onAddFeature:"addfeature",onClick:"click",onDblClick:"dblclick",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRemoveFeature:"removefeature",onRemoveProperty:"removeproperty",onRightClick:"rightclick",onSetGeometry:"setgeometry",onSetProperty:"setproperty"},ut={add:function(t,e){t.add(e)},addgeojson:function(t,e,n){t.addGeoJson(e,n)},contains:function(t,e){t.contains(e)},foreach:function(t,e){t.forEach(e)},loadgeojson:function(t,e,n,o){t.loadGeoJson(e,n,o)},overridestyle:function(t,e,n){t.overrideStyle(e,n)},remove:function(t,e){t.remove(e)},revertstyle:function(t,e){t.revertStyle(e)},controlposition:function(t,e){t.setControlPosition(e)},controls:function(t,e){t.setControls(e)},drawingmode:function(t,e){t.setDrawingMode(e)},map:function(t,e){t.setMap(e)},style:function(t,e){t.setStyle(e)},togeojson:function(t,e){t.toGeoJson(e)}},dt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={data:null},e.setDataCallback=function(){null!==e.state.data&&e.props.onLoad&&e.props.onLoad(e.state.data)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.Data(i({},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:ut,eventMap:lt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{data:t}}),this.setDataCallback)},n.componentDidUpdate=function(t){null!==this.state.data&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:ut,eventMap:lt,prevProps:t,nextProps:this.props,instance:this.state.data}))},n.componentWillUnmount=function(){null!==this.state.data&&(this.props.onUnmount&&this.props.onUnmount(this.state.data),h(this.registeredEvents),this.state.data&&this.state.data.setMap(null))},n.render=function(){return null},e}(e.PureComponent);dt.contextType=c;var ht={onClick:"click",onDefaultViewportChanged:"defaultviewport_changed",onStatusChanged:"status_changed"},gt={options:function(t,e){t.setOptions(e)},url:function(t,e){t.setUrl(e)},zIndex:function(t,e){t.setZIndex(e)}},mt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={kmlLayer:null},e.setKmlLayerCallback=function(){null!==e.state.kmlLayer&&e.props.onLoad&&e.props.onLoad(e.state.kmlLayer)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.KmlLayer(i({},this.props.options,{map:this.context}));this.registeredEvents=g({updaterMap:gt,eventMap:ht,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{kmlLayer:t}}),this.setKmlLayerCallback)},n.componentDidUpdate=function(t){null!==this.state.kmlLayer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:gt,eventMap:ht,prevProps:t,nextProps:this.props,instance:this.state.kmlLayer}))},n.componentWillUnmount=function(){null!==this.state.kmlLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.kmlLayer),h(this.registeredEvents),this.state.kmlLayer.setMap(null))},n.render=function(){return null},e}(e.PureComponent);mt.contextType=c;var ft=function(t,e){return new e(t.lat,t.lng)},vt=function(t,e){return new e(new google.maps.LatLng(t.ne.lat,t.ne.lng),new google.maps.LatLng(t.sw.lat,t.sw.lng))},yt=function(t,e,n){return t instanceof e?t:n(t,e)},Mt=function(t,e,n,o){return void 0!==n?function(t,e,n){var o=t.fromLatLngToDivPixel(n.getNorthEast()),r=t.fromLatLngToDivPixel(n.getSouthWest());return o&&r?{left:r.x+e.x+"px",top:o.y+e.y+"px",width:o.x-r.x-e.x+"px",height:r.y-o.y-e.y+"px"}:{left:"-9999px",top:"-9999px"}}(t,e,yt(n,google.maps.LatLngBounds,vt)):function(t,e,n){var o=t.fromLatLngToDivPixel(n);return o?{left:o.x+e.x+"px",top:o.y+e.y+"px"}:{left:"-9999px",top:"-9999px"}}(t,e,yt(o,google.maps.LatLng,ft))},Ct=function(t){function e(){return t.apply(this,arguments)||this}a(e,t);var n=e.prototype;return n.componentDidMount=function(){this.props.onLoad&&this.props.onLoad()},n.render=function(){return this.props.children},e}(e.Component),Et=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).state={overlayView:null},e.containerElement=null,e.setOverlayViewCallback=function(){null!==e.state.overlayView&&e.props.onLoad&&e.props.onLoad(e.state.overlayView),e.onPositionElement()},e.onAdd=function(){e.containerElement=document.createElement("div"),e.containerElement.style.position="absolute"},e.onPositionElement=function(){if(null!==e.state.overlayView&&null!==e.containerElement){var t=e.state.overlayView.getProjection(),n=i({x:0,y:0},(r=e.containerElement,"function"==typeof(s=e.props.getPixelPositionOffset)?s(r.offsetWidth,r.offsetHeight):{})),o=Mt(t,n,e.props.bounds,e.props.position);Object.assign(e.containerElement.style,o)}var r,s},e.draw=function(){e.props.mapPaneName||n(!1);var t=e.state.overlayView;if(null!==t){var o=t.getPanes();o&&(e.containerElement&&o[e.props.mapPaneName].appendChild(e.containerElement),e.onPositionElement(),e.forceUpdate())}},e.onRemove=function(){null!==e.containerElement&&e.containerElement.parentNode&&(e.containerElement.parentNode.removeChild(e.containerElement),delete e.containerElement)},e}a(o,t);var s=o.prototype;return s.componentDidMount=function(){var t=new google.maps.OverlayView;t.onAdd=this.onAdd,t.draw=this.draw,t.onRemove=this.onRemove,t.setMap(this.context),this.setState((function(){return{overlayView:t}}))},s.componentDidUpdate=function(t){var e=this;t.position===this.props.position&&t.bounds===this.props.bounds||setTimeout((function(){null!==e.state.overlayView&&e.state.overlayView.draw()}),0)},s.componentWillUnmount=function(){null!==this.state.overlayView&&(this.props.onUnmount&&this.props.onUnmount(this.state.overlayView),this.state.overlayView.setMap(null))},s.render=function(){return null!==this.containerElement?r.createPortal(e.createElement(Ct,{onLoad:this.setOverlayViewCallback},e.Children.only(this.props.children)),this.containerElement):e.createElement(e.Fragment,null)},o}(e.PureComponent);Et.FLOAT_PANE="floatPane",Et.MAP_PANE="mapPane",Et.MARKER_LAYER="markerLayer",Et.OVERLAY_LAYER="overlayLayer",Et.OVERLAY_MOUSE_TARGET="overlayMouseTarget",Et.contextType=c;var xt={onDblClick:"dblclick",onClick:"click"},Pt={opacity:function(t,e){t.setOpacity(e)}},kt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={groundOverlay:null},e.setGroundOverlayCallback=function(){null!==e.state.groundOverlay&&e.props.onLoad&&e.props.onLoad(e.state.groundOverlay)},e}a(e,t);var o=e.prototype;return o.componentDidMount=function(){this.props.url||this.props.bounds||n(!1);var t=new google.maps.GroundOverlay(this.props.url,this.props.bounds,i({},this.props.options,{map:this.context}));this.registeredEvents=g({updaterMap:Pt,eventMap:xt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{groundOverlay:t}}),this.setGroundOverlayCallback)},o.componentDidUpdate=function(t){null!==this.state.groundOverlay&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:Pt,eventMap:xt,prevProps:t,nextProps:this.props,instance:this.state.groundOverlay}))},o.componentWillUnmount=function(){this.state.groundOverlay&&(this.props.onUnmount&&this.props.onUnmount(this.state.groundOverlay),this.state.groundOverlay.setMap(null))},o.render=function(){return null},e}(e.PureComponent);kt.defaultProps={onLoad:function(){}},kt.contextType=c;var bt={},wt={data:function(t,e){t.setData(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)}},Lt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={heatmapLayer:null},e.setHeatmapLayerCallback=function(){null!==e.state.heatmapLayer&&e.props.onLoad&&e.props.onLoad(e.state.heatmapLayer)},e}a(e,t);var o=e.prototype;return o.componentDidMount=function(){google.maps.visualization||n(!1),this.props.data||n(!1);var t=new google.maps.visualization.HeatmapLayer(i({data:this.props.data},this.props.options||{},{map:this.context}));this.registeredEvents=g({updaterMap:wt,eventMap:bt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{heatmapLayer:t}}),this.setHeatmapLayerCallback)},o.componentDidUpdate=function(t){h(this.registeredEvents),this.registeredEvents=g({updaterMap:wt,eventMap:bt,prevProps:t,nextProps:this.props,instance:this.state.heatmapLayer})},o.componentWillUnmount=function(){null!==this.state.heatmapLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.heatmapLayer),h(this.registeredEvents),this.state.heatmapLayer.setMap(null))},o.render=function(){return null},e}(e.PureComponent);Lt.contextType=c;var Dt={onCloseClick:"closeclick",onPanoChanged:"pano_changed",onPositionChanged:"position_changed",onPovChanged:"pov_changed",onResize:"resize",onStatusChanged:"status_changed",onVisibleChanged:"visible_changed",onZoomChanged:"zoom_changed"},St={register:function(t,e,n){t.registerPanoProvider(e,n)},links:function(t,e){t.setLinks(e)},motionTracking:function(t,e){t.setMotionTracking(e)},options:function(t,e){t.setOptions(e)},pano:function(t,e){t.setPano(e)},position:function(t,e){t.setPosition(e)},pov:function(t,e){t.setPov(e)},visible:function(t,e){t.setVisible(e)},zoom:function(t,e){t.setZoom(e)}},Ut=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={streetViewPanorama:null},e.setStreetViewPanoramaCallback=function(){null!==e.state.streetViewPanorama&&e.props.onLoad&&e.props.onLoad(e.state.streetViewPanorama)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=this.context.getStreetView();this.registeredEvents=g({updaterMap:St,eventMap:Dt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{streetViewPanorama:t}}),this.setStreetViewPanoramaCallback)},n.componentDidUpdate=function(t){null!==this.state.streetViewPanorama&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:St,eventMap:Dt,prevProps:t,nextProps:this.props,instance:this.state.streetViewPanorama}))},n.componentWillUnmount=function(){null!==this.state.streetViewPanorama&&(this.props.onUnmount&&this.props.onUnmount(this.state.streetViewPanorama),h(this.registeredEvents),this.state.streetViewPanorama.setVisible(!1))},n.render=function(){return null},e}(e.PureComponent);Ut.contextType=c;var Ot=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).state={streetViewService:null},e.setStreetViewServiceCallback=function(){null!==e.state.streetViewService&&e.props.onLoad&&e.props.onLoad(e.state.streetViewService)},e}a(e,t);var n=e.prototype;return n.componentDidMount=function(){var t=new google.maps.StreetViewService;this.setState((function(){return{streetViewService:t}}))},n.componentWillUnmount=function(){null!==this.state.streetViewService&&this.props.onUnmount&&this.props.onUnmount(this.state.streetViewService)},n.render=function(){return null},e}(e.PureComponent);Ot.contextType=c;var Tt=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).state={directionsService:null},e.setDirectionsServiceCallback=function(){null!==e.state.directionsService&&e.props.onLoad&&e.props.onLoad(e.state.directionsService)},e}a(o,t);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var t=new google.maps.DirectionsService;this.setState((function(){return{directionsService:t}}),this.setDirectionsServiceCallback)},r.componentDidUpdate=function(){null!==this.state.directionsService&&this.state.directionsService.route(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.directionsService&&this.props.onUnmount&&this.props.onUnmount(this.state.directionsService)},r.render=function(){return e.createElement(e.Fragment,null)},o}(e.PureComponent),Rt={onDirectionsChanged:"directions_changed"},Vt={directions:function(t,e){t.setDirections(e)},map:function(t,e){t.setMap(e)},options:function(t,e){t.setOptions(e)},panel:function(t,e){t.setPanel(e)},routeIndex:function(t,e){t.setRouteIndex(e)}},It=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).registeredEvents=[],e.state={directionsRenderer:null},e.setDirectionsRendererCallback=function(){null!==e.state.directionsRenderer&&(e.state.directionsRenderer.setMap(e.context),e.props.onLoad&&e.props.onLoad(e.state.directionsRenderer))},e}a(n,t);var o=n.prototype;return o.componentDidMount=function(){var t=new google.maps.DirectionsRenderer(this.props.options);this.registeredEvents=g({updaterMap:Vt,eventMap:Rt,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{directionsRenderer:t}}),this.setDirectionsRendererCallback)},o.componentDidUpdate=function(t){null!==this.state.directionsRenderer&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:Vt,eventMap:Rt,prevProps:t,nextProps:this.props,instance:this.state.directionsRenderer}))},o.componentWillUnmount=function(){null!==this.state.directionsRenderer&&(this.props.onUnmount&&this.props.onUnmount(this.state.directionsRenderer),h(this.registeredEvents),this.state.directionsRenderer&&this.state.directionsRenderer.setMap(null))},o.render=function(){return e.createElement(e.Fragment,null)},n}(e.PureComponent);It.contextType=c;var _t=function(t){function o(){var e;return(e=t.apply(this,arguments)||this).state={distanceMatrixService:null},e.setDistanceMatrixServiceCallback=function(){null!==e.state.distanceMatrixService&&e.props.onLoad&&e.props.onLoad(e.state.distanceMatrixService)},e}a(o,t);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var t=new google.maps.DistanceMatrixService;this.setState((function(){return{distanceMatrixService:t}}),this.setDistanceMatrixServiceCallback)},r.componentDidUpdate=function(){null!==this.state.distanceMatrixService&&this.state.distanceMatrixService.getDistanceMatrix(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.distanceMatrixService&&this.props.onUnmount&&this.props.onUnmount(this.state.distanceMatrixService)},r.render=function(){return e.createElement(e.Fragment,null)},o}(e.PureComponent),Wt={onPlacesChanged:"places_changed"},Bt={bounds:function(t,e){t.setBounds(e)}},At=function(t){function o(){var n;return(n=t.apply(this,arguments)||this).registeredEvents=[],n.containerElement=e.createRef(),n.state={searchBox:null},n.setSearchBoxCallback=function(){null!==n.state.searchBox&&n.props.onLoad&&n.props.onLoad(n.state.searchBox)},n}a(o,t);var r=o.prototype;return r.componentDidMount=function(){if(google.maps.places||n(!1),null!==this.containerElement&&null!==this.containerElement.current){var t=this.containerElement.current.querySelector("input");if(t){var e=new google.maps.places.SearchBox(t,this.props.options);this.registeredEvents=g({updaterMap:Bt,eventMap:Wt,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{searchBox:e}}),this.setSearchBoxCallback)}}},r.componentDidUpdate=function(t){null!==this.state.searchBox&&(h(this.registeredEvents),this.registeredEvents=g({updaterMap:Bt,eventMap:Wt,prevProps:t,nextProps:this.props,instance:this.state.searchBox}))},r.componentWillUnmount=function(){null!==this.state.searchBox&&(this.props.onUnmount&&this.props.onUnmount(this.state.searchBox),h(this.registeredEvents))},r.render=function(){return e.createElement("div",{ref:this.containerElement},e.Children.only(this.props.children))},o}(e.PureComponent);At.contextType=c;var Nt={onPlaceChanged:"place_changed"},jt={bounds:function(t,e){t.setBounds(e)},restrictions:function(t,e){t.setComponentRestrictions(e)},fields:function(t,e){t.setFields(e)},options:function(t,e){t.setOptions(e)},types:function(t,e){t.setTypes(e)}},zt=function(t){function o(){var n;return(n=t.apply(this,arguments)||this).registeredEvents=[],n.containerElement=e.createRef(),n.state={autocomplete:null},n.setAutocompleteCallback=function(){null!==n.state.autocomplete&&n.props.onLoad&&n.props.onLoad(n.state.autocomplete)},n}a(o,t);var r=o.prototype;return r.componentDidMount=function(){google.maps.places||n(!1);var t=this.containerElement.current.querySelector("input");if(t){var e=new google.maps.places.Autocomplete(t,this.props.options);this.registeredEvents=g({updaterMap:jt,eventMap:Nt,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{autocomplete:e}}),this.setAutocompleteCallback)}},r.componentDidUpdate=function(t){h(this.registeredEvents),this.registeredEvents=g({updaterMap:jt,eventMap:Nt,prevProps:t,nextProps:this.props,instance:this.state.autocomplete})},r.componentWillUnmount=function(){null!==this.state.autocomplete&&h(this.registeredEvents)},r.render=function(){return e.createElement("div",{ref:this.containerElement},e.Children.only(this.props.children))},o}(e.PureComponent);zt.contextType=c,exports.Autocomplete=zt,exports.BicyclingLayer=I,exports.Circle=ct,exports.Data=dt,exports.DirectionsRenderer=It,exports.DirectionsService=Tt,exports.DistanceMatrixService=_t,exports.DrawingManager=A,exports.GoogleMap=v,exports.GroundOverlay=kt,exports.HeatmapLayer=Lt,exports.InfoBox=q,exports.InfoWindow=Q,exports.KmlLayer=mt,exports.LoadScript=L,exports.LoadScriptNext=O,exports.Marker=z,exports.MarkerClusterer=Z,exports.OverlayView=Et,exports.Polygon=ot,exports.Polyline=tt,exports.Rectangle=it,exports.StandaloneSearchBox=At,exports.StreetViewPanorama=Ut,exports.StreetViewService=Ot,exports.TrafficLayer=V,exports.TransitLayer=_,exports.useGoogleMap=function(){e.useContext||n(!1);var t=e.useContext(c);return t||n(!1),t},exports.useLoadScript=D;
 //# sourceMappingURL=reactgooglemapsapi.cjs.production.min.js.map

dist/reactgooglemapsapi.umd.production.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("invariant"),require("@react-google-maps/marker-clusterer"),require("react-dom"),require("@react-google-maps/infobox")):"function"==typeof define&&define.amd?define(["exports","react","invariant","@react-google-maps/marker-clusterer","react-dom","@react-google-maps/infobox"],t):t((e=e||self).reactGoogleMapsApi={},e.React,e.invariant,e.markerClusterer,e.ReactDOM,e.infobox)}(this,(function(e,t,n,o,r,s){"use strict";function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function p(e,t){if(null==e)return{};var n,o,r={},s=Object.keys(e);for(o=0;o<s.length;o++)t.indexOf(n=s[o])>=0||(r[n]=e[n]);return r}n=n&&n.hasOwnProperty("default")?n.default:n;var c=t.createContext(null),l=function(e,t,n){return Object.keys(e).reduce((function(n,o){return t(n,e[o],o)}),n)},u=function(e,t,n,o){var r,s={};return r=e,Object.keys(r).forEach((function(e){return function(e,r){var i=n[r];i!==t[r]&&(s[r]=i,e(o,i))}(r[e],e)})),s};function d(e){google.maps.event.removeListener(e)}function h(e){void 0===e&&(e=[]),e.map(d)}function f(e){var t=e.updaterMap,n=e.prevProps,o=e.nextProps,r=e.instance,s=function(e,t,n){return l(n,(function(n,o,r){return"function"==typeof e[r]&&n.push(google.maps.event.addListener(t,o,e[r])),n}),[])}(o,r,e.eventMap);return u(t,n,o,r),s}var g={onDblClick:"dblclick",onDragEnd:"dragend",onDragStart:"dragstart",onMapTypeIdChanged:"maptypeid_changed",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseDown:"mousedown",onMouseUp:"mouseup",onRightClick:"rightclick",onTilesLoaded:"tilesloaded",onBoundsChanged:"bounds_changed",onCenterChanged:"center_changed",onClick:"click",onDrag:"drag",onHeadingChanged:"heading_changed",onIdle:"idle",onProjectionChanged:"projection_changed",onResize:"resize",onTiltChanged:"tilt_changed",onZoomChanged:"zoom_changed"},m={extraMapTypes:function(e,t){t.forEach((function(t,n){e.mapTypes.set(String(n),t)}))},center:function(e,t){e.setCenter(t)},clickableIcons:function(e,t){e.setClickableIcons(t)},heading:function(e,t){e.setHeading(t)},mapTypeId:function(e,t){e.setMapTypeId(t)},options:function(e,t){e.setOptions(t)},streetView:function(e,t){e.setStreetView(t)},tilt:function(e,t){e.setTilt(t)},zoom:function(e,t){e.setZoom(t)}},v=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).state={map:null},t.registeredEvents=[],t.mapRef=null,t.getInstance=function(){return new google.maps.Map(t.mapRef,t.props.options)},t.panTo=function(e){var n=t.getInstance();n&&n.panTo(e)},t.setMapCallback=function(){null!==t.state.map&&t.props.onLoad&&t.props.onLoad(t.state.map)},t.getRef=function(e){t.mapRef=e},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=this.getInstance();this.registeredEvents=f({updaterMap:m,eventMap:g,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{map:e}}),this.setMapCallback)},o.componentDidUpdate=function(e){null!==this.state.map&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:m,eventMap:g,prevProps:e,nextProps:this.props,instance:this.state.map}))},o.componentWillUnmount=function(){null!==this.state.map&&(this.props.onUnmount&&this.props.onUnmount(this.state.map),h(this.registeredEvents))},o.render=function(){return t.createElement("div",{id:this.props.id,ref:this.getRef,style:this.props.mapContainerStyle,className:this.props.mapContainerClassName},t.createElement(c.Provider,{value:this.state.map},null!==this.state.map?this.props.children:t.createElement(t.Fragment,null)))},n}(t.PureComponent),y="undefined"!=typeof document,M=function(e){var t=e.url,n=e.id;return y?new Promise((function(e,o){var r=document.getElementById(n),s=window;if(r){var i=r.getAttribute("data-state");if(r.src===t&&"error"!==i){if("ready"===i)return e(n);var a=s.initMap,p=r.onerror;return s.initMap=function(){a&&a(),e(n)},void(r.onerror=function(e){p&&p(e),o(e)})}r.remove()}var c=document.createElement("script");c.type="text/javascript",c.src=t,c.id=n,c.async=!0,c.onerror=function(e){c.setAttribute("data-state","error"),o(e)},s.initMap=function(){c.setAttribute("data-state","ready"),e(n)},document.head.appendChild(c)})).catch((function(e){throw console.error("injectScript error: ",e),e})):Promise.reject(new Error("document is undefined"))},C=function(e){return!((!e.href||0!==e.href.indexOf("https://fonts.googleapis.com/css?family=Roboto"))&&("style"===e.tagName.toLowerCase()&&e.styleSheet&&e.styleSheet.cssText&&0===e.styleSheet.cssText.replace("\r\n","").indexOf(".gm-style")?(e.styleSheet.cssText="",0):"style"===e.tagName.toLowerCase()&&e.innerHTML&&0===e.innerHTML.replace("\r\n","").indexOf(".gm-style")?(e.innerHTML="",0):"style"!==e.tagName.toLowerCase()||e.styleSheet||e.innerHTML))},E=function(){var e=document.getElementsByTagName("head")[0],t=e.insertBefore.bind(e);e.insertBefore=function(n,o){C(n)||Reflect.apply(t,e,[n,o])};var n=e.appendChild.bind(e);e.appendChild=function(t){C(t)||Reflect.apply(n,e,[t])}};function P(e){var t=e.googleMapsApiKey,o=e.googleMapsClientId,r=e.version,s=void 0===r?"weekly":r,i=e.language,a=e.region,p=e.libraries,c=e.channel,l=[];return t&&o||!t||!o||n(!1),t?l.push("key="+t):o&&l.push("client="+o),s&&l.push("v="+s),i&&l.push("language="+i),a&&l.push("region="+a),p&&p.length&&l.push("libraries="+p.sort().join(",")),c&&l.push("channel="+c),l.push("callback=initMap"),"https://maps.googleapis.com/maps/api/js?"+l.join("&")}var k=!1;function x(){return t.createElement("div",null,"Loading...")}var b,w={id:"script-loader",version:"weekly"},L=function(e){function o(){var o;return(o=e.apply(this,arguments)||this).check=t.createRef(),o.state={loaded:!1},o.cleanupCallback=function(){delete window.google,o.injectScript()},o.isCleaningUp=function(){try{return Promise.resolve(new Promise((function(e){if(k){if(y)var t=window.setInterval((function(){k||(window.clearInterval(t),e())}),1)}else e()})))}catch(e){return Promise.reject(e)}},o.cleanup=function(){k=!0;var e=document.getElementById(o.props.id);e&&e.parentNode&&e.parentNode.removeChild(e),Array.prototype.slice.call(document.getElementsByTagName("script")).filter((function(e){return e.src.includes("maps.googleapis")})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)})),Array.prototype.slice.call(document.getElementsByTagName("link")).filter((function(e){return"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans"===e.href})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)})),Array.prototype.slice.call(document.getElementsByTagName("style")).filter((function(e){return void 0!==e.innerText&&e.innerText.length>0&&e.innerText.includes(".gm-")})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)}))},o.injectScript=function(){o.props.preventGoogleFontsLoading&&E(),o.props.id||n(!1);var e={id:o.props.id,url:P(o.props)};M(e).then((function(){o.props.onLoad&&o.props.onLoad(),o.setState((function(){return{loaded:!0}}))})).catch((function(e){o.props.onError&&o.props.onError(e),console.error("\n          There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(o.props.googleMapsApiKey||"-")+") or Client ID ("+(o.props.googleMapsClientId||"-")+") to <LoadScript />\n          Otherwise it is a Network issue.\n        ")}))},o}a(o,e);var r=o.prototype;return r.componentDidMount=function(){if(y){if(window.google&&!k)return void console.error("google api is already presented");this.isCleaningUp().then(this.injectScript).catch((function(e){console.error("Error at injecting script after cleaning up: ",e)}))}},r.componentDidUpdate=function(e){this.props.libraries!==e.libraries&&console.warn("Performance warning! Loadscript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somwhere in config files or ENV variables"),y&&e.language!==this.props.language&&(this.cleanup(),this.setState((function(){return{loaded:!1}}),this.cleanupCallback))},r.componentWillUnmount=function(){var e=this;y&&(this.cleanup(),window.setTimeout((function(){e.check.current||(delete window.google,k=!1)}),1),this.props.onUnmount&&this.props.onUnmount())},r.render=function(){return t.createElement(t.Fragment,null,t.createElement("div",{ref:this.check}),this.state.loaded?this.props.children:this.props.loadingElement||t.createElement(x,null))},o}(t.PureComponent);function D(e){var o=e.id,r=void 0===o?w.id:o,s=e.version,i=void 0===s?w.version:s,a=e.googleMapsApiKey,p=e.googleMapsClientId,c=e.language,l=e.region,u=e.libraries,d=e.preventGoogleFontsLoading,h=e.channel,f=t.useRef(!1),g=t.useState(!1),m=g[0],v=g[1],C=t.useState(void 0),k=C[0],x=C[1];t.useEffect((function(){return f.current=!0,function(){f.current=!1}}),[]),t.useEffect((function(){y&&d&&E()}),[d]),t.useEffect((function(){m&&(window.google||n(!1))}),[m]);var L=P({version:i,googleMapsApiKey:a,googleMapsClientId:p,language:c,region:l,libraries:u,channel:h});t.useEffect((function(){function e(){f.current&&(v(!0),b=L)}y&&(window.google&&b===L?e():M({id:r,url:L}).then(e).catch((function(e){f.current&&x(e),console.warn("\n        There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(a||"-")+") or Client ID ("+(p||"-")+")\n        Otherwise it is a Network issue.\n      "),console.error(e)})))}),[r,L]);var D=t.useRef();return t.useEffect((function(){D.current&&u!==D.current&&console.warn("Performance warning! Loadscript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somewhere in config files or ENV variables"),D.current=u}),[u]),{isLoaded:m,loadError:k,url:L}}L.defaultProps=w;var S=t.createElement(x,null);function U(e){var n=e.loadingElement,o=e.onLoad,r=e.onError,s=e.onUnmount,i=e.children,a=D(p(e,["loadingElement","onLoad","onError","onUnmount","children"])),c=a.isLoaded,l=a.loadError;return t.useEffect((function(){c&&"function"==typeof o&&o()}),[c,o]),t.useEffect((function(){l&&"function"==typeof r&&r(l)}),[l,r]),t.useEffect((function(){return function(){s&&s()}}),[s]),c?i:n||S}var O=t.memo(U),T={},R={options:function(e,t){e.setOptions(t)}},V=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={trafficLayer:null},t.setTrafficLayerCallback=function(){null!==t.state.trafficLayer&&t.props.onLoad&&t.props.onLoad(t.state.trafficLayer)},t.registeredEvents=[],t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.TrafficLayer(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:R,eventMap:T,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{trafficLayer:e}}),this.setTrafficLayerCallback)},n.componentDidUpdate=function(e){null!==this.state.trafficLayer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:R,eventMap:T,prevProps:e,nextProps:this.props,instance:this.state.trafficLayer}))},n.componentWillUnmount=function(){null!==this.state.trafficLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.trafficLayer),h(this.registeredEvents),this.state.trafficLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);V.contextType=c;var I=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={bicyclingLayer:null},t.setBicyclingLayerCallback=function(){null!==t.state.bicyclingLayer&&(t.state.bicyclingLayer.setMap(t.context),t.props.onLoad&&t.props.onLoad(t.state.bicyclingLayer))},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.BicyclingLayer;this.setState((function(){return{bicyclingLayer:e}}),this.setBicyclingLayerCallback)},n.componentWillUnmount=function(){null!==this.state.bicyclingLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.bicyclingLayer),this.state.bicyclingLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);I.contextType=c;var _=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={transitLayer:null},t.setTransitLayerCallback=function(){null!==t.state.transitLayer&&(t.state.transitLayer.setMap(t.context),t.props.onLoad&&t.props.onLoad(t.state.transitLayer))},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.TransitLayer;this.setState((function(){return{transitLayer:e}}),this.setTransitLayerCallback)},n.componentWillUnmount=function(){null!==this.state.transitLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.transitLayer),this.state.transitLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);_.contextType=c;var B={onCircleComplete:"circlecomplete",onMarkerComplete:"markercomplete",onOverlayComplete:"overlaycomplete",onPolygonComplete:"polygoncomplete",onPolylineComplete:"polylinecomplete",onRectangleComplete:"rectanglecomplete"},W={drawingMode:function(e,t){e.setDrawingMode(t)},options:function(e,t){e.setOptions(t)}},A=function(e){function o(t){var o;return(o=e.call(this,t)||this).registeredEvents=[],o.state={drawingManager:null},o.setDrawingManagerCallback=function(){null!==o.state.drawingManager&&o.props.onLoad&&o.props.onLoad(o.state.drawingManager)},google.maps.drawing||n(!1),o}a(o,e);var r=o.prototype;return r.componentDidMount=function(){var e=new google.maps.drawing.DrawingManager(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:W,eventMap:B,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{drawingManager:e}}),this.setDrawingManagerCallback)},r.componentDidUpdate=function(e){null!==this.state.drawingManager&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:W,eventMap:B,prevProps:e,nextProps:this.props,instance:this.state.drawingManager}))},r.componentWillUnmount=function(){null!==this.state.drawingManager&&(this.props.onUnmount&&this.props.onUnmount(this.state.drawingManager),h(this.registeredEvents),this.state.drawingManager.setMap(null))},r.render=function(){return t.createElement(t.Fragment,null)},o}(t.PureComponent);A.contextType=c;var N={onAnimationChanged:"animation_changed",onClick:"click",onClickableChanged:"clickable_changed",onCursorChanged:"cursor_changed",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDraggableChanged:"draggable_changed",onDragStart:"dragstart",onFlatChanged:"flat_changed",onIconChanged:"icon_changed",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPositionChanged:"position_changed",onRightClick:"rightclick",onShapeChanged:"shape_changed",onTitleChanged:"title_changed",onVisibleChanged:"visible_changed",onZindexChanged:"zindex_changed"},j={animation:function(e,t){e.setAnimation(t)},clickable:function(e,t){e.setClickable(t)},cursor:function(e,t){e.setCursor(t)},draggable:function(e,t){e.setDraggable(t)},icon:function(e,t){e.setIcon(t)},label:function(e,t){e.setLabel(t)},map:function(e,t){e.setMap(t)},opacity:function(e,t){e.setOpacity(t)},options:function(e,t){e.setOptions(t)},position:function(e,t){e.setPosition(t)},shape:function(e,t){e.setShape(t)},title:function(e,t){e.setTitle(t)},visible:function(e,t){e.setVisible(t)},zIndex:function(e,t){e.setZIndex(t)}},z=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={marker:null},t.setMarkerCallback=function(){null!==t.state.marker&&t.props.onLoad&&t.props.onLoad(t.state.marker)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=i({},this.props.options||{},{},this.props.clusterer?{}:{map:this.context},{position:this.props.position}),t=new google.maps.Marker(e);this.props.clusterer?this.props.clusterer.addMarker(t,!!this.props.noClustererRedraw):t.setMap(this.context),this.registeredEvents=f({updaterMap:j,eventMap:N,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{marker:t}}),this.setMarkerCallback)},n.componentDidUpdate=function(e){null!==this.state.marker&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:j,eventMap:N,prevProps:e,nextProps:this.props,instance:this.state.marker}))},n.componentWillUnmount=function(){null!==this.state.marker&&(this.props.onUnmount&&this.props.onUnmount(this.state.marker),h(this.registeredEvents),this.props.clusterer?this.props.clusterer.removeMarker(this.state.marker,!!this.props.noClustererRedraw):this.state.marker&&this.state.marker.setMap(null))},n.render=function(){return this.props.children||null},t}(t.PureComponent);z.contextType=c;var F={onClick:"click",onClusteringBegin:"clusteringbegin",onClusteringEnd:"clusteringend",onMouseOut:"mouseout",onMouseOver:"mouseover"},G={averageCenter:function(e,t){e.setAverageCenter(t)},batchSizeIE:function(e,t){e.setBatchSizeIE(t)},calculator:function(e,t){e.setCalculator(t)},clusterClass:function(e,t){e.setClusterClass(t)},enableRetinaIcons:function(e,t){e.setEnableRetinaIcons(t)},gridSize:function(e,t){e.setGridSize(t)},ignoreHidden:function(e,t){e.setIgnoreHidden(t)},imageExtension:function(e,t){e.setImageExtension(t)},imagePath:function(e,t){e.setImagePath(t)},imageSizes:function(e,t){e.setImageSizes(t)},maxZoom:function(e,t){e.setMaxZoom(t)},minimumClusterSize:function(e,t){e.setMinimumClusterSize(t)},styles:function(e,t){e.setStyles(t)},title:function(e,t){e.setTitle(t)},zoomOnClick:function(e,t){e.setZoomOnClick(t)}},Z=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={markerClusterer:null},t.setClustererCallback=function(){null!==t.state.markerClusterer&&t.props.onLoad&&t.props.onLoad(t.state.markerClusterer)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){if(this.context){var e=new o.Clusterer(this.context,[],this.props.options);this.registeredEvents=f({updaterMap:G,eventMap:F,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{markerClusterer:e}}),this.setClustererCallback)}},n.componentDidUpdate=function(e){this.state.markerClusterer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:G,eventMap:F,prevProps:e,nextProps:this.props,instance:this.state.markerClusterer}))},n.componentWillUnmount=function(){null!==this.state.markerClusterer&&(this.props.onUnmount&&this.props.onUnmount(this.state.markerClusterer),h(this.registeredEvents),this.state.markerClusterer.setMap(null))},n.render=function(){return null!==this.state.markerClusterer?this.props.children(this.state.markerClusterer):null},t}(t.PureComponent);Z.contextType=c;var H={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},K={options:function(e,t){e.setOptions(t)},position:function(e,t){t instanceof google.maps.LatLng?e.setPosition(t):e.setPosition(new google.maps.LatLng(t.lat,t.lng))},visible:function(e,t){e.setVisible(t)},zIndex:function(e,t){e.setZIndex(t)}},q=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.containerElement=null,t.state={infoBox:null},t.open=function(e,o){o?e.open(t.context,o):e.getPosition()?e.open(t.context):n(!1)},t.setInfoBoxCallback=function(){var e=t.props,n=e.anchor,o=e.onLoad,r=t.state.infoBox;null!==r&&null!==t.containerElement&&(r.setContent(t.containerElement),t.open(r,n),o&&o(r))},t}a(o,e);var c=o.prototype;return c.componentDidMount=function(){var e,t=this.props.options||{},n=t.position,o=p(t,["position"]);!n||n instanceof google.maps.LatLng||(e=new google.maps.LatLng(n.lat,n.lng));var r=new s.InfoBox(i({},o,{},e?{position:e}:{}));this.containerElement=document.createElement("div"),this.registeredEvents=f({updaterMap:K,eventMap:H,prevProps:{},nextProps:this.props,instance:r}),this.setState({infoBox:r},this.setInfoBoxCallback)},c.componentDidUpdate=function(e){var t=this.state.infoBox;null!==t&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:K,eventMap:H,prevProps:e,nextProps:this.props,instance:t}))},c.componentWillUnmount=function(){var e=this.props.onUnmount,t=this.state.infoBox;null!==t&&(e&&e(t),h(this.registeredEvents),t.close())},c.render=function(){return this.containerElement?r.createPortal(t.Children.only(this.props.children),this.containerElement):null},o}(t.PureComponent);q.contextType=c;var Y={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},J={options:function(e,t){e.setOptions(t)},position:function(e,t){e.setPosition(t)},zIndex:function(e,t){e.setZIndex(t)}},Q=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.containerElement=null,t.state={infoWindow:null},t.open=function(e,o){o?e.open(t.context,o):e.getPosition()?e.open(t.context):n(!1)},t.setInfowindowCallback=function(){null!==t.state.infoWindow&&null!==t.containerElement&&(t.state.infoWindow.setContent(t.containerElement),t.open(t.state.infoWindow,t.props.anchor),t.props.onLoad&&t.props.onLoad(t.state.infoWindow))},t}a(o,e);var s=o.prototype;return s.componentDidMount=function(){var e=new google.maps.InfoWindow(i({},this.props.options||{}));this.containerElement=document.createElement("div"),this.registeredEvents=f({updaterMap:J,eventMap:Y,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{infoWindow:e}}),this.setInfowindowCallback)},s.componentDidUpdate=function(e){null!==this.state.infoWindow&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:J,eventMap:Y,prevProps:e,nextProps:this.props,instance:this.state.infoWindow}))},s.componentWillUnmount=function(){null!==this.state.infoWindow&&(h(this.registeredEvents),this.state.infoWindow.close())},s.render=function(){return this.containerElement?r.createPortal(t.Children.only(this.props.children),this.containerElement):t.createElement(t.Fragment,null)},o}(t.PureComponent);Q.contextType=c;var X={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},$={draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},path:function(e,t){e.setPath(t)},visible:function(e,t){e.setVisible(t)}},ee=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={polyline:null},t.setPolylineCallback=function(){null!==t.state.polyline&&t.props.onLoad&&t.props.onLoad(t.state.polyline)},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.Polyline(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:$,eventMap:X,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{polyline:e}}),this.setPolylineCallback)},o.componentDidUpdate=function(e){null!==this.state.polyline&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:$,eventMap:X,prevProps:e,nextProps:this.props,instance:this.state.polyline}))},o.componentWillUnmount=function(){null!==this.state.polyline&&(this.props.onUnmount&&this.props.onUnmount(this.state.polyline),h(this.registeredEvents),this.state.polyline.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);ee.contextType=c;var te={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},ne={draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},path:function(e,t){e.setPath(t)},paths:function(e,t){e.setPaths(t)},visible:function(e,t){e.setVisible(t)}},oe=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={polygon:null},t.setPolygonCallback=function(){null!==t.state.polygon&&t.props.onLoad&&t.props.onLoad(t.state.polygon)},t.render=function(){return null},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.Polygon(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:ne,eventMap:te,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{polygon:e}}),this.setPolygonCallback)},n.componentDidUpdate=function(e){null!==this.state.polygon&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:ne,eventMap:te,prevProps:e,nextProps:this.props,instance:this.state.polygon}))},n.componentWillUnmount=function(){null!==this.state.polygon&&(this.props.onUnmount&&this.props.onUnmount(this.state.polygon),h(this.registeredEvents),this.state.polygon&&this.state.polygon.setMap(null))},t}(t.PureComponent);oe.contextType=c;var re={onBoundsChanged:"bounds_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},se={bounds:function(e,t){e.setBounds(t)},draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},visible:function(e,t){e.setVisible(t)}},ie=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={rectangle:null},t.setRectangleCallback=function(){null!==t.state.rectangle&&t.props.onLoad&&t.props.onLoad(t.state.rectangle)},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.Rectangle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:se,eventMap:re,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{rectangle:e}}),this.setRectangleCallback)},o.componentDidUpdate=function(e){null!==this.state.rectangle&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:se,eventMap:re,prevProps:e,nextProps:this.props,instance:this.state.rectangle}))},o.componentWillUnmount=function(){null!==this.state.rectangle&&(this.props.onUnmount&&this.props.onUnmount(this.state.rectangle),h(this.registeredEvents),this.state.rectangle.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);ie.contextType=c;var ae={onCenterChanged:"center_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRadiusChanged:"radius_changed",onRightClick:"rightclick"},pe={center:function(e,t){e.setCenter(t)},draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},radius:function(e,t){e.setRadius(t)},visible:function(e,t){e.setVisible(t)}},ce=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={circle:null},t.setCircleCallback=function(){null!==t.state.circle&&t.props.onLoad&&t.props.onLoad(t.state.circle)},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.Circle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:pe,eventMap:ae,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{circle:e}}),this.setCircleCallback)},o.componentDidUpdate=function(e){null!==this.state.circle&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:pe,eventMap:ae,prevProps:e,nextProps:this.props,instance:this.state.circle}))},o.componentWillUnmount=function(){null!==this.state.circle&&(this.props.onUnmount&&this.props.onUnmount(this.state.circle),h(this.registeredEvents),this.state.circle&&this.state.circle.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);ce.contextType=c;var le={onAddFeature:"addfeature",onClick:"click",onDblClick:"dblclick",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRemoveFeature:"removefeature",onRemoveProperty:"removeproperty",onRightClick:"rightclick",onSetGeometry:"setgeometry",onSetProperty:"setproperty"},ue={add:function(e,t){e.add(t)},addgeojson:function(e,t,n){e.addGeoJson(t,n)},contains:function(e,t){e.contains(t)},foreach:function(e,t){e.forEach(t)},loadgeojson:function(e,t,n,o){e.loadGeoJson(t,n,o)},overridestyle:function(e,t,n){e.overrideStyle(t,n)},remove:function(e,t){e.remove(t)},revertstyle:function(e,t){e.revertStyle(t)},controlposition:function(e,t){e.setControlPosition(t)},controls:function(e,t){e.setControls(t)},drawingmode:function(e,t){e.setDrawingMode(t)},map:function(e,t){e.setMap(t)},style:function(e,t){e.setStyle(t)},togeojson:function(e,t){e.toGeoJson(t)}},de=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={data:null},t.setDataCallback=function(){null!==t.state.data&&t.props.onLoad&&t.props.onLoad(t.state.data)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.Data(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:ue,eventMap:le,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{data:e}}),this.setDataCallback)},n.componentDidUpdate=function(e){null!==this.state.data&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:ue,eventMap:le,prevProps:e,nextProps:this.props,instance:this.state.data}))},n.componentWillUnmount=function(){null!==this.state.data&&(this.props.onUnmount&&this.props.onUnmount(this.state.data),h(this.registeredEvents),this.state.data&&this.state.data.setMap(null))},n.render=function(){return null},t}(t.PureComponent);de.contextType=c;var he={onClick:"click",onDefaultViewportChanged:"defaultviewport_changed",onStatusChanged:"status_changed"},fe={options:function(e,t){e.setOptions(t)},url:function(e,t){e.setUrl(t)},zIndex:function(e,t){e.setZIndex(t)}},ge=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={kmlLayer:null},t.setKmlLayerCallback=function(){null!==t.state.kmlLayer&&t.props.onLoad&&t.props.onLoad(t.state.kmlLayer)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.KmlLayer(i({},this.props.options,{map:this.context}));this.registeredEvents=f({updaterMap:fe,eventMap:he,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{kmlLayer:e}}),this.setKmlLayerCallback)},n.componentDidUpdate=function(e){null!==this.state.kmlLayer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:fe,eventMap:he,prevProps:e,nextProps:this.props,instance:this.state.kmlLayer}))},n.componentWillUnmount=function(){null!==this.state.kmlLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.kmlLayer),h(this.registeredEvents),this.state.kmlLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);ge.contextType=c;var me=function(e,t){return new t(e.lat,e.lng)},ve=function(e,t){return new t(new google.maps.LatLng(e.ne.lat,e.ne.lng),new google.maps.LatLng(e.sw.lat,e.sw.lng))},ye=function(e,t,n){return e instanceof t?e:n(e,t)},Me=function(e,t,n,o){return void 0!==n?function(e,t,n){var o=e.fromLatLngToDivPixel(n.getNorthEast()),r=e.fromLatLngToDivPixel(n.getSouthWest());return o&&r?{left:r.x+t.x+"px",top:o.y+t.y+"px",width:o.x-r.x-t.x+"px",height:r.y-o.y-t.y+"px"}:{left:"-9999px",top:"-9999px"}}(e,t,ye(n,google.maps.LatLngBounds,ve)):function(e,t,n){var o=e.fromLatLngToDivPixel(n);return o?{left:o.x+t.x+"px",top:o.y+t.y+"px"}:{left:"-9999px",top:"-9999px"}}(e,t,ye(o,google.maps.LatLng,me))},Ce=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.componentDidMount=function(){this.props.onLoad&&this.props.onLoad()},n.render=function(){return this.props.children},t}(t.Component),Ee=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).state={overlayView:null},t.containerElement=null,t.setOverlayViewCallback=function(){null!==t.state.overlayView&&t.props.onLoad&&t.props.onLoad(t.state.overlayView),t.onPositionElement()},t.onAdd=function(){t.containerElement=document.createElement("div"),t.containerElement.style.position="absolute"},t.onPositionElement=function(){if(null!==t.state.overlayView&&null!==t.containerElement){var e=t.state.overlayView.getProjection(),n=i({x:0,y:0},(r=t.containerElement,"function"==typeof(s=t.props.getPixelPositionOffset)?s(r.offsetWidth,r.offsetHeight):{})),o=Me(e,n,t.props.bounds,t.props.position);Object.assign(t.containerElement.style,o)}var r,s},t.draw=function(){t.props.mapPaneName||n(!1);var e=t.state.overlayView;if(null!==e){var o=e.getPanes();o&&(t.containerElement&&o[t.props.mapPaneName].appendChild(t.containerElement),t.onPositionElement(),t.forceUpdate())}},t.onRemove=function(){null!==t.containerElement&&t.containerElement.parentNode&&(t.containerElement.parentNode.removeChild(t.containerElement),delete t.containerElement)},t}a(o,e);var s=o.prototype;return s.componentDidMount=function(){var e=new google.maps.OverlayView;e.onAdd=this.onAdd,e.draw=this.draw,e.onRemove=this.onRemove,e.setMap(this.context),this.setState((function(){return{overlayView:e}}))},s.componentDidUpdate=function(e){var t=this;e.position===this.props.position&&e.bounds===this.props.bounds||setTimeout((function(){null!==t.state.overlayView&&t.state.overlayView.draw()}),0)},s.componentWillUnmount=function(){null!==this.state.overlayView&&(this.props.onUnmount&&this.props.onUnmount(this.state.overlayView),this.state.overlayView.setMap(null))},s.render=function(){return null!==this.containerElement?r.createPortal(t.createElement(Ce,{onLoad:this.setOverlayViewCallback},t.Children.only(this.props.children)),this.containerElement):t.createElement(t.Fragment,null)},o}(t.PureComponent);Ee.FLOAT_PANE="floatPane",Ee.MAP_PANE="mapPane",Ee.MARKER_LAYER="markerLayer",Ee.OVERLAY_LAYER="overlayLayer",Ee.OVERLAY_MOUSE_TARGET="overlayMouseTarget",Ee.contextType=c;var Pe={onDblClick:"dblclick",onClick:"click"},ke={opacity:function(e,t){e.setOpacity(t)}},xe=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={groundOverlay:null},t.setGroundOverlayCallback=function(){null!==t.state.groundOverlay&&t.props.onLoad&&t.props.onLoad(t.state.groundOverlay)},t}a(t,e);var o=t.prototype;return o.componentDidMount=function(){this.props.url||this.props.bounds||n(!1);var e=new google.maps.GroundOverlay(this.props.url,this.props.bounds,i({},this.props.options,{map:this.context}));this.registeredEvents=f({updaterMap:ke,eventMap:Pe,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{groundOverlay:e}}),this.setGroundOverlayCallback)},o.componentDidUpdate=function(e){null!==this.state.groundOverlay&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:ke,eventMap:Pe,prevProps:e,nextProps:this.props,instance:this.state.groundOverlay}))},o.componentWillUnmount=function(){this.state.groundOverlay&&(this.props.onUnmount&&this.props.onUnmount(this.state.groundOverlay),this.state.groundOverlay.setMap(null))},o.render=function(){return null},t}(t.PureComponent);xe.defaultProps={onLoad:function(){}},xe.contextType=c;var be={},we={data:function(e,t){e.setData(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)}},Le=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={heatmapLayer:null},t.setHeatmapLayerCallback=function(){null!==t.state.heatmapLayer&&t.props.onLoad&&t.props.onLoad(t.state.heatmapLayer)},t}a(t,e);var o=t.prototype;return o.componentDidMount=function(){google.maps.visualization||n(!1),this.props.data||n(!1);var e=new google.maps.visualization.HeatmapLayer(i({data:this.props.data},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:we,eventMap:be,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{heatmapLayer:e}}),this.setHeatmapLayerCallback)},o.componentDidUpdate=function(e){h(this.registeredEvents),this.registeredEvents=f({updaterMap:we,eventMap:be,prevProps:e,nextProps:this.props,instance:this.state.heatmapLayer})},o.componentWillUnmount=function(){null!==this.state.heatmapLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.heatmapLayer),h(this.registeredEvents),this.state.heatmapLayer.setMap(null))},o.render=function(){return null},t}(t.PureComponent);Le.contextType=c;var De={onCloseClick:"closeclick",onPanoChanged:"pano_changed",onPositionChanged:"position_changed",onPovChanged:"pov_changed",onResize:"resize",onStatusChanged:"status_changed",onVisibleChanged:"visible_changed",onZoomChanged:"zoom_changed"},Se={register:function(e,t,n){e.registerPanoProvider(t,n)},links:function(e,t){e.setLinks(t)},motionTracking:function(e,t){e.setMotionTracking(t)},options:function(e,t){e.setOptions(t)},pano:function(e,t){e.setPano(t)},position:function(e,t){e.setPosition(t)},pov:function(e,t){e.setPov(t)},visible:function(e,t){e.setVisible(t)},zoom:function(e,t){e.setZoom(t)}},Ue=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={streetViewPanorama:null},t.setStreetViewPanoramaCallback=function(){null!==t.state.streetViewPanorama&&t.props.onLoad&&t.props.onLoad(t.state.streetViewPanorama)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=this.context.getStreetView();this.registeredEvents=f({updaterMap:Se,eventMap:De,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{streetViewPanorama:e}}),this.setStreetViewPanoramaCallback)},n.componentDidUpdate=function(e){null!==this.state.streetViewPanorama&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:Se,eventMap:De,prevProps:e,nextProps:this.props,instance:this.state.streetViewPanorama}))},n.componentWillUnmount=function(){null!==this.state.streetViewPanorama&&(this.props.onUnmount&&this.props.onUnmount(this.state.streetViewPanorama),h(this.registeredEvents),this.state.streetViewPanorama.setVisible(!1))},n.render=function(){return null},t}(t.PureComponent);Ue.contextType=c;var Oe=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={streetViewService:null},t.setStreetViewServiceCallback=function(){null!==t.state.streetViewService&&t.props.onLoad&&t.props.onLoad(t.state.streetViewService)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.StreetViewService;this.setState((function(){return{streetViewService:e}}))},n.componentWillUnmount=function(){null!==this.state.streetViewService&&this.props.onUnmount&&this.props.onUnmount(this.state.streetViewService)},n.render=function(){return null},t}(t.PureComponent);Oe.contextType=c;var Te=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).state={directionsService:null},t.setDirectionsServiceCallback=function(){null!==t.state.directionsService&&t.props.onLoad&&t.props.onLoad(t.state.directionsService)},t}a(o,e);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var e=new google.maps.DirectionsService;this.setState((function(){return{directionsService:e}}),this.setDirectionsServiceCallback)},r.componentDidUpdate=function(){null!==this.state.directionsService&&this.state.directionsService.route(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.directionsService&&this.props.onUnmount&&this.props.onUnmount(this.state.directionsService)},r.render=function(){return t.createElement(t.Fragment,null)},o}(t.PureComponent),Re={onDirectionsChanged:"directions_changed"},Ve={directions:function(e,t){e.setDirections(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},panel:function(e,t){e.setPanel(t)},routeIndex:function(e,t){e.setRouteIndex(t)}},Ie=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={directionsRenderer:null},t.setDirectionsRendererCallback=function(){null!==t.state.directionsRenderer&&(t.state.directionsRenderer.setMap(t.context),t.props.onLoad&&t.props.onLoad(t.state.directionsRenderer))},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.DirectionsRenderer(this.props.options);this.registeredEvents=f({updaterMap:Ve,eventMap:Re,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{directionsRenderer:e}}),this.setDirectionsRendererCallback)},o.componentDidUpdate=function(e){null!==this.state.directionsRenderer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:Ve,eventMap:Re,prevProps:e,nextProps:this.props,instance:this.state.directionsRenderer}))},o.componentWillUnmount=function(){null!==this.state.directionsRenderer&&(this.props.onUnmount&&this.props.onUnmount(this.state.directionsRenderer),h(this.registeredEvents),this.state.directionsRenderer&&this.state.directionsRenderer.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);Ie.contextType=c;var _e=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).state={distanceMatrixService:null},t.setDistanceMatrixServiceCallbak=function(){null!==t.state.distanceMatrixService&&t.props.onLoad&&t.props.onLoad(t.state.distanceMatrixService)},t}a(o,e);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var e=new google.maps.DistanceMatrixService;this.setState((function(){return{distanceMatrixService:e}}),this.setDistanceMatrixServiceCallbak)},r.componentDidUpdate=function(){null!==this.state.distanceMatrixService&&this.state.distanceMatrixService.getDistanceMatrix(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.distanceMatrixService&&this.props.onUnmount&&this.props.onUnmount(this.state.distanceMatrixService)},r.render=function(){return t.createElement(t.Fragment,null)},o}(t.PureComponent),Be={onPlacesChanged:"places_changed"},We={bounds:function(e,t){e.setBounds(t)}},Ae=function(e){function o(){var n;return(n=e.apply(this,arguments)||this).registeredEvents=[],n.containerElement=t.createRef(),n.state={searchBox:null},n.setSearchBoxCallback=function(){null!==n.state.searchBox&&n.props.onLoad&&n.props.onLoad(n.state.searchBox)},n}a(o,e);var r=o.prototype;return r.componentDidMount=function(){if(google.maps.places||n(!1),null!==this.containerElement&&null!==this.containerElement.current){var e=this.containerElement.current.querySelector("input");if(e){var t=new google.maps.places.SearchBox(e,this.props.options);this.registeredEvents=f({updaterMap:We,eventMap:Be,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{searchBox:t}}),this.setSearchBoxCallback)}}},r.componentDidUpdate=function(e){null!==this.state.searchBox&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:We,eventMap:Be,prevProps:e,nextProps:this.props,instance:this.state.searchBox}))},r.componentWillUnmount=function(){null!==this.state.searchBox&&(this.props.onUnmount&&this.props.onUnmount(this.state.searchBox),h(this.registeredEvents))},r.render=function(){return t.createElement("div",{ref:this.containerElement},t.Children.only(this.props.children))},o}(t.PureComponent);Ae.contextType=c;var Ne={onPlaceChanged:"place_changed"},je={bounds:function(e,t){e.setBounds(t)},restrictions:function(e,t){e.setComponentRestrictions(t)},fields:function(e,t){e.setFields(t)},options:function(e,t){e.setOptions(t)},types:function(e,t){e.setTypes(t)}},ze=function(e){function o(){var n;return(n=e.apply(this,arguments)||this).registeredEvents=[],n.containerElement=t.createRef(),n.state={autocomplete:null},n.setAutocompleteCallback=function(){null!==n.state.autocomplete&&n.props.onLoad&&n.props.onLoad(n.state.autocomplete)},n}a(o,e);var r=o.prototype;return r.componentDidMount=function(){google.maps.places||n(!1);var e=this.containerElement.current.querySelector("input");if(e){var t=new google.maps.places.Autocomplete(e,this.props.options);this.registeredEvents=f({updaterMap:je,eventMap:Ne,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{autocomplete:t}}),this.setAutocompleteCallback)}},r.componentDidUpdate=function(e){h(this.registeredEvents),this.registeredEvents=f({updaterMap:je,eventMap:Ne,prevProps:e,nextProps:this.props,instance:this.state.autocomplete})},r.componentWillUnmount=function(){null!==this.state.autocomplete&&h(this.registeredEvents)},r.render=function(){return t.createElement("div",{ref:this.containerElement},t.Children.only(this.props.children))},o}(t.PureComponent);ze.contextType=c,e.Autocomplete=ze,e.BicyclingLayer=I,e.Circle=ce,e.Data=de,e.DirectionsRenderer=Ie,e.DirectionsService=Te,e.DistanceMatrixService=_e,e.DrawingManager=A,e.GoogleMap=v,e.GroundOverlay=xe,e.HeatmapLayer=Le,e.InfoBox=q,e.InfoWindow=Q,e.KmlLayer=ge,e.LoadScript=L,e.LoadScriptNext=O,e.Marker=z,e.MarkerClusterer=Z,e.OverlayView=Ee,e.Polygon=oe,e.Polyline=ee,e.Rectangle=ie,e.StandaloneSearchBox=Ae,e.StreetViewPanorama=Ue,e.StreetViewService=Oe,e.TrafficLayer=V,e.TransitLayer=_,e.useGoogleMap=function(){t.useContext||n(!1);var e=t.useContext(c);return e||n(!1),e},e.useLoadScript=D}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("invariant"),require("@react-google-maps/marker-clusterer"),require("react-dom"),require("@react-google-maps/infobox")):"function"==typeof define&&define.amd?define(["exports","react","invariant","@react-google-maps/marker-clusterer","react-dom","@react-google-maps/infobox"],t):t((e=e||self).reactGoogleMapsApi={},e.React,e.invariant,e.markerClusterer,e.ReactDOM,e.infobox)}(this,(function(e,t,n,o,r,s){"use strict";function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function p(e,t){if(null==e)return{};var n,o,r={},s=Object.keys(e);for(o=0;o<s.length;o++)t.indexOf(n=s[o])>=0||(r[n]=e[n]);return r}n=n&&n.hasOwnProperty("default")?n.default:n;var c=t.createContext(null),l=function(e,t,n){return Object.keys(e).reduce((function(n,o){return t(n,e[o],o)}),n)},u=function(e,t,n,o){var r,s={};return r=e,Object.keys(r).forEach((function(e){return function(e,r){var i=n[r];i!==t[r]&&(s[r]=i,e(o,i))}(r[e],e)})),s};function d(e){google.maps.event.removeListener(e)}function h(e){void 0===e&&(e=[]),e.map(d)}function f(e){var t=e.updaterMap,n=e.prevProps,o=e.nextProps,r=e.instance,s=function(e,t,n){return l(n,(function(n,o,r){return"function"==typeof e[r]&&n.push(google.maps.event.addListener(t,o,e[r])),n}),[])}(o,r,e.eventMap);return u(t,n,o,r),s}var g={onDblClick:"dblclick",onDragEnd:"dragend",onDragStart:"dragstart",onMapTypeIdChanged:"maptypeid_changed",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseDown:"mousedown",onMouseUp:"mouseup",onRightClick:"rightclick",onTilesLoaded:"tilesloaded",onBoundsChanged:"bounds_changed",onCenterChanged:"center_changed",onClick:"click",onDrag:"drag",onHeadingChanged:"heading_changed",onIdle:"idle",onProjectionChanged:"projection_changed",onResize:"resize",onTiltChanged:"tilt_changed",onZoomChanged:"zoom_changed"},m={extraMapTypes:function(e,t){t.forEach((function(t,n){e.mapTypes.set(String(n),t)}))},center:function(e,t){e.setCenter(t)},clickableIcons:function(e,t){e.setClickableIcons(t)},heading:function(e,t){e.setHeading(t)},mapTypeId:function(e,t){e.setMapTypeId(t)},options:function(e,t){e.setOptions(t)},streetView:function(e,t){e.setStreetView(t)},tilt:function(e,t){e.setTilt(t)},zoom:function(e,t){e.setZoom(t)}},v=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).state={map:null},t.registeredEvents=[],t.mapRef=null,t.getInstance=function(){return new google.maps.Map(t.mapRef,t.props.options)},t.panTo=function(e){var n=t.getInstance();n&&n.panTo(e)},t.setMapCallback=function(){null!==t.state.map&&t.props.onLoad&&t.props.onLoad(t.state.map)},t.getRef=function(e){t.mapRef=e},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=this.getInstance();this.registeredEvents=f({updaterMap:m,eventMap:g,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{map:e}}),this.setMapCallback)},o.componentDidUpdate=function(e){null!==this.state.map&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:m,eventMap:g,prevProps:e,nextProps:this.props,instance:this.state.map}))},o.componentWillUnmount=function(){null!==this.state.map&&(this.props.onUnmount&&this.props.onUnmount(this.state.map),h(this.registeredEvents))},o.render=function(){return t.createElement("div",{id:this.props.id,ref:this.getRef,style:this.props.mapContainerStyle,className:this.props.mapContainerClassName},t.createElement(c.Provider,{value:this.state.map},null!==this.state.map?this.props.children:t.createElement(t.Fragment,null)))},n}(t.PureComponent),y="undefined"!=typeof document,M=function(e){var t=e.url,n=e.id;return y?new Promise((function(e,o){var r=document.getElementById(n),s=window;if(r){var i=r.getAttribute("data-state");if(r.src===t&&"error"!==i){if("ready"===i)return e(n);var a=s.initMap,p=r.onerror;return s.initMap=function(){a&&a(),e(n)},void(r.onerror=function(e){p&&p(e),o(e)})}r.remove()}var c=document.createElement("script");c.type="text/javascript",c.src=t,c.id=n,c.async=!0,c.onerror=function(e){c.setAttribute("data-state","error"),o(e)},s.initMap=function(){c.setAttribute("data-state","ready"),e(n)},document.head.appendChild(c)})).catch((function(e){throw console.error("injectScript error: ",e),e})):Promise.reject(new Error("document is undefined"))},C=function(e){return!((!e.href||0!==e.href.indexOf("https://fonts.googleapis.com/css?family=Roboto"))&&("style"===e.tagName.toLowerCase()&&e.styleSheet&&e.styleSheet.cssText&&0===e.styleSheet.cssText.replace("\r\n","").indexOf(".gm-style")?(e.styleSheet.cssText="",0):"style"===e.tagName.toLowerCase()&&e.innerHTML&&0===e.innerHTML.replace("\r\n","").indexOf(".gm-style")?(e.innerHTML="",0):"style"!==e.tagName.toLowerCase()||e.styleSheet||e.innerHTML))},E=function(){var e=document.getElementsByTagName("head")[0],t=e.insertBefore.bind(e);e.insertBefore=function(n,o){C(n)||Reflect.apply(t,e,[n,o])};var n=e.appendChild.bind(e);e.appendChild=function(t){C(t)||Reflect.apply(n,e,[t])}};function P(e){var t=e.googleMapsApiKey,o=e.googleMapsClientId,r=e.version,s=void 0===r?"weekly":r,i=e.language,a=e.region,p=e.libraries,c=e.channel,l=[];return t&&o||!t||!o||n(!1),t?l.push("key="+t):o&&l.push("client="+o),s&&l.push("v="+s),i&&l.push("language="+i),a&&l.push("region="+a),p&&p.length&&l.push("libraries="+p.sort().join(",")),c&&l.push("channel="+c),l.push("callback=initMap"),"https://maps.googleapis.com/maps/api/js?"+l.join("&")}var k=!1;function x(){return t.createElement("div",null,"Loading...")}var b,w={id:"script-loader",version:"weekly"},L=function(e){function o(){var o;return(o=e.apply(this,arguments)||this).check=t.createRef(),o.state={loaded:!1},o.cleanupCallback=function(){delete window.google,o.injectScript()},o.isCleaningUp=function(){try{return Promise.resolve(new Promise((function(e){if(k){if(y)var t=window.setInterval((function(){k||(window.clearInterval(t),e())}),1)}else e()})))}catch(e){return Promise.reject(e)}},o.cleanup=function(){k=!0;var e=document.getElementById(o.props.id);e&&e.parentNode&&e.parentNode.removeChild(e),Array.prototype.slice.call(document.getElementsByTagName("script")).filter((function(e){return e.src.includes("maps.googleapis")})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)})),Array.prototype.slice.call(document.getElementsByTagName("link")).filter((function(e){return"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans"===e.href})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)})),Array.prototype.slice.call(document.getElementsByTagName("style")).filter((function(e){return void 0!==e.innerText&&e.innerText.length>0&&e.innerText.includes(".gm-")})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)}))},o.injectScript=function(){o.props.preventGoogleFontsLoading&&E(),o.props.id||n(!1);var e={id:o.props.id,url:P(o.props)};M(e).then((function(){o.props.onLoad&&o.props.onLoad(),o.setState((function(){return{loaded:!0}}))})).catch((function(e){o.props.onError&&o.props.onError(e),console.error("\n          There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(o.props.googleMapsApiKey||"-")+") or Client ID ("+(o.props.googleMapsClientId||"-")+") to <LoadScript />\n          Otherwise it is a Network issue.\n        ")}))},o}a(o,e);var r=o.prototype;return r.componentDidMount=function(){if(y){if(window.google&&!k)return void console.error("google api is already presented");this.isCleaningUp().then(this.injectScript).catch((function(e){console.error("Error at injecting script after cleaning up: ",e)}))}},r.componentDidUpdate=function(e){this.props.libraries!==e.libraries&&console.warn("Performance warning! LoadScript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somewhere in config files or ENV variables"),y&&e.language!==this.props.language&&(this.cleanup(),this.setState((function(){return{loaded:!1}}),this.cleanupCallback))},r.componentWillUnmount=function(){var e=this;y&&(this.cleanup(),window.setTimeout((function(){e.check.current||(delete window.google,k=!1)}),1),this.props.onUnmount&&this.props.onUnmount())},r.render=function(){return t.createElement(t.Fragment,null,t.createElement("div",{ref:this.check}),this.state.loaded?this.props.children:this.props.loadingElement||t.createElement(x,null))},o}(t.PureComponent);function D(e){var o=e.id,r=void 0===o?w.id:o,s=e.version,i=void 0===s?w.version:s,a=e.googleMapsApiKey,p=e.googleMapsClientId,c=e.language,l=e.region,u=e.libraries,d=e.preventGoogleFontsLoading,h=e.channel,f=t.useRef(!1),g=t.useState(!1),m=g[0],v=g[1],C=t.useState(void 0),k=C[0],x=C[1];t.useEffect((function(){return f.current=!0,function(){f.current=!1}}),[]),t.useEffect((function(){y&&d&&E()}),[d]),t.useEffect((function(){m&&(window.google||n(!1))}),[m]);var L=P({version:i,googleMapsApiKey:a,googleMapsClientId:p,language:c,region:l,libraries:u,channel:h});t.useEffect((function(){function e(){f.current&&(v(!0),b=L)}y&&(window.google&&b===L?e():M({id:r,url:L}).then(e).catch((function(e){f.current&&x(e),console.warn("\n        There has been an Error with loading Google Maps API script, please check that you provided correct google API key ("+(a||"-")+") or Client ID ("+(p||"-")+")\n        Otherwise it is a Network issue.\n      "),console.error(e)})))}),[r,L]);var D=t.useRef();return t.useEffect((function(){D.current&&u!==D.current&&console.warn("Performance warning! LoadScript has been reloaded unintentionally! You should not pass `libraries` prop as new array. Please keep an array of libraries as static class property for Components and PureComponents, or just a const variable outside of component, or somewhere in config files or ENV variables"),D.current=u}),[u]),{isLoaded:m,loadError:k,url:L}}L.defaultProps=w;var S=t.createElement(x,null);function U(e){var n=e.loadingElement,o=e.onLoad,r=e.onError,s=e.onUnmount,i=e.children,a=D(p(e,["loadingElement","onLoad","onError","onUnmount","children"])),c=a.isLoaded,l=a.loadError;return t.useEffect((function(){c&&"function"==typeof o&&o()}),[c,o]),t.useEffect((function(){l&&"function"==typeof r&&r(l)}),[l,r]),t.useEffect((function(){return function(){s&&s()}}),[s]),c?i:n||S}var O=t.memo(U),T={},R={options:function(e,t){e.setOptions(t)}},V=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={trafficLayer:null},t.setTrafficLayerCallback=function(){null!==t.state.trafficLayer&&t.props.onLoad&&t.props.onLoad(t.state.trafficLayer)},t.registeredEvents=[],t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.TrafficLayer(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:R,eventMap:T,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{trafficLayer:e}}),this.setTrafficLayerCallback)},n.componentDidUpdate=function(e){null!==this.state.trafficLayer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:R,eventMap:T,prevProps:e,nextProps:this.props,instance:this.state.trafficLayer}))},n.componentWillUnmount=function(){null!==this.state.trafficLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.trafficLayer),h(this.registeredEvents),this.state.trafficLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);V.contextType=c;var I=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={bicyclingLayer:null},t.setBicyclingLayerCallback=function(){null!==t.state.bicyclingLayer&&(t.state.bicyclingLayer.setMap(t.context),t.props.onLoad&&t.props.onLoad(t.state.bicyclingLayer))},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.BicyclingLayer;this.setState((function(){return{bicyclingLayer:e}}),this.setBicyclingLayerCallback)},n.componentWillUnmount=function(){null!==this.state.bicyclingLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.bicyclingLayer),this.state.bicyclingLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);I.contextType=c;var _=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={transitLayer:null},t.setTransitLayerCallback=function(){null!==t.state.transitLayer&&(t.state.transitLayer.setMap(t.context),t.props.onLoad&&t.props.onLoad(t.state.transitLayer))},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.TransitLayer;this.setState((function(){return{transitLayer:e}}),this.setTransitLayerCallback)},n.componentWillUnmount=function(){null!==this.state.transitLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.transitLayer),this.state.transitLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);_.contextType=c;var W={onCircleComplete:"circlecomplete",onMarkerComplete:"markercomplete",onOverlayComplete:"overlaycomplete",onPolygonComplete:"polygoncomplete",onPolylineComplete:"polylinecomplete",onRectangleComplete:"rectanglecomplete"},B={drawingMode:function(e,t){e.setDrawingMode(t)},options:function(e,t){e.setOptions(t)}},A=function(e){function o(t){var o;return(o=e.call(this,t)||this).registeredEvents=[],o.state={drawingManager:null},o.setDrawingManagerCallback=function(){null!==o.state.drawingManager&&o.props.onLoad&&o.props.onLoad(o.state.drawingManager)},google.maps.drawing||n(!1),o}a(o,e);var r=o.prototype;return r.componentDidMount=function(){var e=new google.maps.drawing.DrawingManager(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:B,eventMap:W,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{drawingManager:e}}),this.setDrawingManagerCallback)},r.componentDidUpdate=function(e){null!==this.state.drawingManager&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:B,eventMap:W,prevProps:e,nextProps:this.props,instance:this.state.drawingManager}))},r.componentWillUnmount=function(){null!==this.state.drawingManager&&(this.props.onUnmount&&this.props.onUnmount(this.state.drawingManager),h(this.registeredEvents),this.state.drawingManager.setMap(null))},r.render=function(){return t.createElement(t.Fragment,null)},o}(t.PureComponent);A.contextType=c;var N={onAnimationChanged:"animation_changed",onClick:"click",onClickableChanged:"clickable_changed",onCursorChanged:"cursor_changed",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDraggableChanged:"draggable_changed",onDragStart:"dragstart",onFlatChanged:"flat_changed",onIconChanged:"icon_changed",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPositionChanged:"position_changed",onRightClick:"rightclick",onShapeChanged:"shape_changed",onTitleChanged:"title_changed",onVisibleChanged:"visible_changed",onZindexChanged:"zindex_changed"},j={animation:function(e,t){e.setAnimation(t)},clickable:function(e,t){e.setClickable(t)},cursor:function(e,t){e.setCursor(t)},draggable:function(e,t){e.setDraggable(t)},icon:function(e,t){e.setIcon(t)},label:function(e,t){e.setLabel(t)},map:function(e,t){e.setMap(t)},opacity:function(e,t){e.setOpacity(t)},options:function(e,t){e.setOptions(t)},position:function(e,t){e.setPosition(t)},shape:function(e,t){e.setShape(t)},title:function(e,t){e.setTitle(t)},visible:function(e,t){e.setVisible(t)},zIndex:function(e,t){e.setZIndex(t)}},z=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={marker:null},t.setMarkerCallback=function(){null!==t.state.marker&&t.props.onLoad&&t.props.onLoad(t.state.marker)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=i({},this.props.options||{},{},this.props.clusterer?{}:{map:this.context},{position:this.props.position}),t=new google.maps.Marker(e);this.props.clusterer?this.props.clusterer.addMarker(t,!!this.props.noClustererRedraw):t.setMap(this.context),this.registeredEvents=f({updaterMap:j,eventMap:N,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{marker:t}}),this.setMarkerCallback)},n.componentDidUpdate=function(e){null!==this.state.marker&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:j,eventMap:N,prevProps:e,nextProps:this.props,instance:this.state.marker}))},n.componentWillUnmount=function(){null!==this.state.marker&&(this.props.onUnmount&&this.props.onUnmount(this.state.marker),h(this.registeredEvents),this.props.clusterer?this.props.clusterer.removeMarker(this.state.marker,!!this.props.noClustererRedraw):this.state.marker&&this.state.marker.setMap(null))},n.render=function(){return this.props.children||null},t}(t.PureComponent);z.contextType=c;var F={onClick:"click",onClusteringBegin:"clusteringbegin",onClusteringEnd:"clusteringend",onMouseOut:"mouseout",onMouseOver:"mouseover"},G={averageCenter:function(e,t){e.setAverageCenter(t)},batchSizeIE:function(e,t){e.setBatchSizeIE(t)},calculator:function(e,t){e.setCalculator(t)},clusterClass:function(e,t){e.setClusterClass(t)},enableRetinaIcons:function(e,t){e.setEnableRetinaIcons(t)},gridSize:function(e,t){e.setGridSize(t)},ignoreHidden:function(e,t){e.setIgnoreHidden(t)},imageExtension:function(e,t){e.setImageExtension(t)},imagePath:function(e,t){e.setImagePath(t)},imageSizes:function(e,t){e.setImageSizes(t)},maxZoom:function(e,t){e.setMaxZoom(t)},minimumClusterSize:function(e,t){e.setMinimumClusterSize(t)},styles:function(e,t){e.setStyles(t)},title:function(e,t){e.setTitle(t)},zoomOnClick:function(e,t){e.setZoomOnClick(t)}},Z=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={markerClusterer:null},t.setClustererCallback=function(){null!==t.state.markerClusterer&&t.props.onLoad&&t.props.onLoad(t.state.markerClusterer)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){if(this.context){var e=new o.Clusterer(this.context,[],this.props.options);this.registeredEvents=f({updaterMap:G,eventMap:F,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{markerClusterer:e}}),this.setClustererCallback)}},n.componentDidUpdate=function(e){this.state.markerClusterer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:G,eventMap:F,prevProps:e,nextProps:this.props,instance:this.state.markerClusterer}))},n.componentWillUnmount=function(){null!==this.state.markerClusterer&&(this.props.onUnmount&&this.props.onUnmount(this.state.markerClusterer),h(this.registeredEvents),this.state.markerClusterer.setMap(null))},n.render=function(){return null!==this.state.markerClusterer?this.props.children(this.state.markerClusterer):null},t}(t.PureComponent);Z.contextType=c;var H={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},K={options:function(e,t){e.setOptions(t)},position:function(e,t){t instanceof google.maps.LatLng?e.setPosition(t):e.setPosition(new google.maps.LatLng(t.lat,t.lng))},visible:function(e,t){e.setVisible(t)},zIndex:function(e,t){e.setZIndex(t)}},q=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.containerElement=null,t.state={infoBox:null},t.open=function(e,o){o?e.open(t.context,o):e.getPosition()?e.open(t.context):n(!1)},t.setInfoBoxCallback=function(){var e=t.props,n=e.anchor,o=e.onLoad,r=t.state.infoBox;null!==r&&null!==t.containerElement&&(r.setContent(t.containerElement),t.open(r,n),o&&o(r))},t}a(o,e);var c=o.prototype;return c.componentDidMount=function(){var e,t=this.props.options||{},n=t.position,o=p(t,["position"]);!n||n instanceof google.maps.LatLng||(e=new google.maps.LatLng(n.lat,n.lng));var r=new s.InfoBox(i({},o,{},e?{position:e}:{}));this.containerElement=document.createElement("div"),this.registeredEvents=f({updaterMap:K,eventMap:H,prevProps:{},nextProps:this.props,instance:r}),this.setState({infoBox:r},this.setInfoBoxCallback)},c.componentDidUpdate=function(e){var t=this.state.infoBox;null!==t&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:K,eventMap:H,prevProps:e,nextProps:this.props,instance:t}))},c.componentWillUnmount=function(){var e=this.props.onUnmount,t=this.state.infoBox;null!==t&&(e&&e(t),h(this.registeredEvents),t.close())},c.render=function(){return this.containerElement?r.createPortal(t.Children.only(this.props.children),this.containerElement):null},o}(t.PureComponent);q.contextType=c;var Y={onCloseClick:"closeclick",onContentChanged:"content_changed",onDomReady:"domready",onPositionChanged:"position_changed",onZindexChanged:"zindex_changed"},J={options:function(e,t){e.setOptions(t)},position:function(e,t){e.setPosition(t)},zIndex:function(e,t){e.setZIndex(t)}},Q=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.containerElement=null,t.state={infoWindow:null},t.open=function(e,o){o?e.open(t.context,o):e.getPosition()?e.open(t.context):n(!1)},t.setInfoWindowCallback=function(){null!==t.state.infoWindow&&null!==t.containerElement&&(t.state.infoWindow.setContent(t.containerElement),t.open(t.state.infoWindow,t.props.anchor),t.props.onLoad&&t.props.onLoad(t.state.infoWindow))},t}a(o,e);var s=o.prototype;return s.componentDidMount=function(){var e=new google.maps.InfoWindow(i({},this.props.options||{}));this.containerElement=document.createElement("div"),this.registeredEvents=f({updaterMap:J,eventMap:Y,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{infoWindow:e}}),this.setInfoWindowCallback)},s.componentDidUpdate=function(e){null!==this.state.infoWindow&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:J,eventMap:Y,prevProps:e,nextProps:this.props,instance:this.state.infoWindow}))},s.componentWillUnmount=function(){null!==this.state.infoWindow&&(h(this.registeredEvents),this.state.infoWindow.close())},s.render=function(){return this.containerElement?r.createPortal(t.Children.only(this.props.children),this.containerElement):t.createElement(t.Fragment,null)},o}(t.PureComponent);Q.contextType=c;var X={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},$={draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},path:function(e,t){e.setPath(t)},visible:function(e,t){e.setVisible(t)}},ee=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={polyline:null},t.setPolylineCallback=function(){null!==t.state.polyline&&t.props.onLoad&&t.props.onLoad(t.state.polyline)},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.Polyline(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:$,eventMap:X,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{polyline:e}}),this.setPolylineCallback)},o.componentDidUpdate=function(e){null!==this.state.polyline&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:$,eventMap:X,prevProps:e,nextProps:this.props,instance:this.state.polyline}))},o.componentWillUnmount=function(){null!==this.state.polyline&&(this.props.onUnmount&&this.props.onUnmount(this.state.polyline),h(this.registeredEvents),this.state.polyline.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);ee.contextType=c;var te={onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},ne={draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},path:function(e,t){e.setPath(t)},paths:function(e,t){e.setPaths(t)},visible:function(e,t){e.setVisible(t)}},oe=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={polygon:null},t.setPolygonCallback=function(){null!==t.state.polygon&&t.props.onLoad&&t.props.onLoad(t.state.polygon)},t.render=function(){return null},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.Polygon(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:ne,eventMap:te,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{polygon:e}}),this.setPolygonCallback)},n.componentDidUpdate=function(e){null!==this.state.polygon&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:ne,eventMap:te,prevProps:e,nextProps:this.props,instance:this.state.polygon}))},n.componentWillUnmount=function(){null!==this.state.polygon&&(this.props.onUnmount&&this.props.onUnmount(this.state.polygon),h(this.registeredEvents),this.state.polygon&&this.state.polygon.setMap(null))},t}(t.PureComponent);oe.contextType=c;var re={onBoundsChanged:"bounds_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRightClick:"rightclick"},se={bounds:function(e,t){e.setBounds(t)},draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},visible:function(e,t){e.setVisible(t)}},ie=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={rectangle:null},t.setRectangleCallback=function(){null!==t.state.rectangle&&t.props.onLoad&&t.props.onLoad(t.state.rectangle)},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.Rectangle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:se,eventMap:re,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{rectangle:e}}),this.setRectangleCallback)},o.componentDidUpdate=function(e){null!==this.state.rectangle&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:se,eventMap:re,prevProps:e,nextProps:this.props,instance:this.state.rectangle}))},o.componentWillUnmount=function(){null!==this.state.rectangle&&(this.props.onUnmount&&this.props.onUnmount(this.state.rectangle),h(this.registeredEvents),this.state.rectangle.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);ie.contextType=c;var ae={onCenterChanged:"center_changed",onClick:"click",onDblClick:"dblclick",onDrag:"drag",onDragEnd:"dragend",onDragStart:"dragstart",onMouseDown:"mousedown",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRadiusChanged:"radius_changed",onRightClick:"rightclick"},pe={center:function(e,t){e.setCenter(t)},draggable:function(e,t){e.setDraggable(t)},editable:function(e,t){e.setEditable(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},radius:function(e,t){e.setRadius(t)},visible:function(e,t){e.setVisible(t)}},ce=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={circle:null},t.setCircleCallback=function(){null!==t.state.circle&&t.props.onLoad&&t.props.onLoad(t.state.circle)},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.Circle(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:pe,eventMap:ae,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{circle:e}}),this.setCircleCallback)},o.componentDidUpdate=function(e){null!==this.state.circle&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:pe,eventMap:ae,prevProps:e,nextProps:this.props,instance:this.state.circle}))},o.componentWillUnmount=function(){null!==this.state.circle&&(this.props.onUnmount&&this.props.onUnmount(this.state.circle),h(this.registeredEvents),this.state.circle&&this.state.circle.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);ce.contextType=c;var le={onAddFeature:"addfeature",onClick:"click",onDblClick:"dblclick",onMouseDown:"mousedown",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onRemoveFeature:"removefeature",onRemoveProperty:"removeproperty",onRightClick:"rightclick",onSetGeometry:"setgeometry",onSetProperty:"setproperty"},ue={add:function(e,t){e.add(t)},addgeojson:function(e,t,n){e.addGeoJson(t,n)},contains:function(e,t){e.contains(t)},foreach:function(e,t){e.forEach(t)},loadgeojson:function(e,t,n,o){e.loadGeoJson(t,n,o)},overridestyle:function(e,t,n){e.overrideStyle(t,n)},remove:function(e,t){e.remove(t)},revertstyle:function(e,t){e.revertStyle(t)},controlposition:function(e,t){e.setControlPosition(t)},controls:function(e,t){e.setControls(t)},drawingmode:function(e,t){e.setDrawingMode(t)},map:function(e,t){e.setMap(t)},style:function(e,t){e.setStyle(t)},togeojson:function(e,t){e.toGeoJson(t)}},de=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={data:null},t.setDataCallback=function(){null!==t.state.data&&t.props.onLoad&&t.props.onLoad(t.state.data)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.Data(i({},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:ue,eventMap:le,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{data:e}}),this.setDataCallback)},n.componentDidUpdate=function(e){null!==this.state.data&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:ue,eventMap:le,prevProps:e,nextProps:this.props,instance:this.state.data}))},n.componentWillUnmount=function(){null!==this.state.data&&(this.props.onUnmount&&this.props.onUnmount(this.state.data),h(this.registeredEvents),this.state.data&&this.state.data.setMap(null))},n.render=function(){return null},t}(t.PureComponent);de.contextType=c;var he={onClick:"click",onDefaultViewportChanged:"defaultviewport_changed",onStatusChanged:"status_changed"},fe={options:function(e,t){e.setOptions(t)},url:function(e,t){e.setUrl(t)},zIndex:function(e,t){e.setZIndex(t)}},ge=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={kmlLayer:null},t.setKmlLayerCallback=function(){null!==t.state.kmlLayer&&t.props.onLoad&&t.props.onLoad(t.state.kmlLayer)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.KmlLayer(i({},this.props.options,{map:this.context}));this.registeredEvents=f({updaterMap:fe,eventMap:he,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{kmlLayer:e}}),this.setKmlLayerCallback)},n.componentDidUpdate=function(e){null!==this.state.kmlLayer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:fe,eventMap:he,prevProps:e,nextProps:this.props,instance:this.state.kmlLayer}))},n.componentWillUnmount=function(){null!==this.state.kmlLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.kmlLayer),h(this.registeredEvents),this.state.kmlLayer.setMap(null))},n.render=function(){return null},t}(t.PureComponent);ge.contextType=c;var me=function(e,t){return new t(e.lat,e.lng)},ve=function(e,t){return new t(new google.maps.LatLng(e.ne.lat,e.ne.lng),new google.maps.LatLng(e.sw.lat,e.sw.lng))},ye=function(e,t,n){return e instanceof t?e:n(e,t)},Me=function(e,t,n,o){return void 0!==n?function(e,t,n){var o=e.fromLatLngToDivPixel(n.getNorthEast()),r=e.fromLatLngToDivPixel(n.getSouthWest());return o&&r?{left:r.x+t.x+"px",top:o.y+t.y+"px",width:o.x-r.x-t.x+"px",height:r.y-o.y-t.y+"px"}:{left:"-9999px",top:"-9999px"}}(e,t,ye(n,google.maps.LatLngBounds,ve)):function(e,t,n){var o=e.fromLatLngToDivPixel(n);return o?{left:o.x+t.x+"px",top:o.y+t.y+"px"}:{left:"-9999px",top:"-9999px"}}(e,t,ye(o,google.maps.LatLng,me))},Ce=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.componentDidMount=function(){this.props.onLoad&&this.props.onLoad()},n.render=function(){return this.props.children},t}(t.Component),Ee=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).state={overlayView:null},t.containerElement=null,t.setOverlayViewCallback=function(){null!==t.state.overlayView&&t.props.onLoad&&t.props.onLoad(t.state.overlayView),t.onPositionElement()},t.onAdd=function(){t.containerElement=document.createElement("div"),t.containerElement.style.position="absolute"},t.onPositionElement=function(){if(null!==t.state.overlayView&&null!==t.containerElement){var e=t.state.overlayView.getProjection(),n=i({x:0,y:0},(r=t.containerElement,"function"==typeof(s=t.props.getPixelPositionOffset)?s(r.offsetWidth,r.offsetHeight):{})),o=Me(e,n,t.props.bounds,t.props.position);Object.assign(t.containerElement.style,o)}var r,s},t.draw=function(){t.props.mapPaneName||n(!1);var e=t.state.overlayView;if(null!==e){var o=e.getPanes();o&&(t.containerElement&&o[t.props.mapPaneName].appendChild(t.containerElement),t.onPositionElement(),t.forceUpdate())}},t.onRemove=function(){null!==t.containerElement&&t.containerElement.parentNode&&(t.containerElement.parentNode.removeChild(t.containerElement),delete t.containerElement)},t}a(o,e);var s=o.prototype;return s.componentDidMount=function(){var e=new google.maps.OverlayView;e.onAdd=this.onAdd,e.draw=this.draw,e.onRemove=this.onRemove,e.setMap(this.context),this.setState((function(){return{overlayView:e}}))},s.componentDidUpdate=function(e){var t=this;e.position===this.props.position&&e.bounds===this.props.bounds||setTimeout((function(){null!==t.state.overlayView&&t.state.overlayView.draw()}),0)},s.componentWillUnmount=function(){null!==this.state.overlayView&&(this.props.onUnmount&&this.props.onUnmount(this.state.overlayView),this.state.overlayView.setMap(null))},s.render=function(){return null!==this.containerElement?r.createPortal(t.createElement(Ce,{onLoad:this.setOverlayViewCallback},t.Children.only(this.props.children)),this.containerElement):t.createElement(t.Fragment,null)},o}(t.PureComponent);Ee.FLOAT_PANE="floatPane",Ee.MAP_PANE="mapPane",Ee.MARKER_LAYER="markerLayer",Ee.OVERLAY_LAYER="overlayLayer",Ee.OVERLAY_MOUSE_TARGET="overlayMouseTarget",Ee.contextType=c;var Pe={onDblClick:"dblclick",onClick:"click"},ke={opacity:function(e,t){e.setOpacity(t)}},xe=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={groundOverlay:null},t.setGroundOverlayCallback=function(){null!==t.state.groundOverlay&&t.props.onLoad&&t.props.onLoad(t.state.groundOverlay)},t}a(t,e);var o=t.prototype;return o.componentDidMount=function(){this.props.url||this.props.bounds||n(!1);var e=new google.maps.GroundOverlay(this.props.url,this.props.bounds,i({},this.props.options,{map:this.context}));this.registeredEvents=f({updaterMap:ke,eventMap:Pe,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{groundOverlay:e}}),this.setGroundOverlayCallback)},o.componentDidUpdate=function(e){null!==this.state.groundOverlay&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:ke,eventMap:Pe,prevProps:e,nextProps:this.props,instance:this.state.groundOverlay}))},o.componentWillUnmount=function(){this.state.groundOverlay&&(this.props.onUnmount&&this.props.onUnmount(this.state.groundOverlay),this.state.groundOverlay.setMap(null))},o.render=function(){return null},t}(t.PureComponent);xe.defaultProps={onLoad:function(){}},xe.contextType=c;var be={},we={data:function(e,t){e.setData(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)}},Le=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={heatmapLayer:null},t.setHeatmapLayerCallback=function(){null!==t.state.heatmapLayer&&t.props.onLoad&&t.props.onLoad(t.state.heatmapLayer)},t}a(t,e);var o=t.prototype;return o.componentDidMount=function(){google.maps.visualization||n(!1),this.props.data||n(!1);var e=new google.maps.visualization.HeatmapLayer(i({data:this.props.data},this.props.options||{},{map:this.context}));this.registeredEvents=f({updaterMap:we,eventMap:be,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{heatmapLayer:e}}),this.setHeatmapLayerCallback)},o.componentDidUpdate=function(e){h(this.registeredEvents),this.registeredEvents=f({updaterMap:we,eventMap:be,prevProps:e,nextProps:this.props,instance:this.state.heatmapLayer})},o.componentWillUnmount=function(){null!==this.state.heatmapLayer&&(this.props.onUnmount&&this.props.onUnmount(this.state.heatmapLayer),h(this.registeredEvents),this.state.heatmapLayer.setMap(null))},o.render=function(){return null},t}(t.PureComponent);Le.contextType=c;var De={onCloseClick:"closeclick",onPanoChanged:"pano_changed",onPositionChanged:"position_changed",onPovChanged:"pov_changed",onResize:"resize",onStatusChanged:"status_changed",onVisibleChanged:"visible_changed",onZoomChanged:"zoom_changed"},Se={register:function(e,t,n){e.registerPanoProvider(t,n)},links:function(e,t){e.setLinks(t)},motionTracking:function(e,t){e.setMotionTracking(t)},options:function(e,t){e.setOptions(t)},pano:function(e,t){e.setPano(t)},position:function(e,t){e.setPosition(t)},pov:function(e,t){e.setPov(t)},visible:function(e,t){e.setVisible(t)},zoom:function(e,t){e.setZoom(t)}},Ue=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={streetViewPanorama:null},t.setStreetViewPanoramaCallback=function(){null!==t.state.streetViewPanorama&&t.props.onLoad&&t.props.onLoad(t.state.streetViewPanorama)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=this.context.getStreetView();this.registeredEvents=f({updaterMap:Se,eventMap:De,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{streetViewPanorama:e}}),this.setStreetViewPanoramaCallback)},n.componentDidUpdate=function(e){null!==this.state.streetViewPanorama&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:Se,eventMap:De,prevProps:e,nextProps:this.props,instance:this.state.streetViewPanorama}))},n.componentWillUnmount=function(){null!==this.state.streetViewPanorama&&(this.props.onUnmount&&this.props.onUnmount(this.state.streetViewPanorama),h(this.registeredEvents),this.state.streetViewPanorama.setVisible(!1))},n.render=function(){return null},t}(t.PureComponent);Ue.contextType=c;var Oe=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).state={streetViewService:null},t.setStreetViewServiceCallback=function(){null!==t.state.streetViewService&&t.props.onLoad&&t.props.onLoad(t.state.streetViewService)},t}a(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=new google.maps.StreetViewService;this.setState((function(){return{streetViewService:e}}))},n.componentWillUnmount=function(){null!==this.state.streetViewService&&this.props.onUnmount&&this.props.onUnmount(this.state.streetViewService)},n.render=function(){return null},t}(t.PureComponent);Oe.contextType=c;var Te=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).state={directionsService:null},t.setDirectionsServiceCallback=function(){null!==t.state.directionsService&&t.props.onLoad&&t.props.onLoad(t.state.directionsService)},t}a(o,e);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var e=new google.maps.DirectionsService;this.setState((function(){return{directionsService:e}}),this.setDirectionsServiceCallback)},r.componentDidUpdate=function(){null!==this.state.directionsService&&this.state.directionsService.route(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.directionsService&&this.props.onUnmount&&this.props.onUnmount(this.state.directionsService)},r.render=function(){return t.createElement(t.Fragment,null)},o}(t.PureComponent),Re={onDirectionsChanged:"directions_changed"},Ve={directions:function(e,t){e.setDirections(t)},map:function(e,t){e.setMap(t)},options:function(e,t){e.setOptions(t)},panel:function(e,t){e.setPanel(t)},routeIndex:function(e,t){e.setRouteIndex(t)}},Ie=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).registeredEvents=[],t.state={directionsRenderer:null},t.setDirectionsRendererCallback=function(){null!==t.state.directionsRenderer&&(t.state.directionsRenderer.setMap(t.context),t.props.onLoad&&t.props.onLoad(t.state.directionsRenderer))},t}a(n,e);var o=n.prototype;return o.componentDidMount=function(){var e=new google.maps.DirectionsRenderer(this.props.options);this.registeredEvents=f({updaterMap:Ve,eventMap:Re,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{directionsRenderer:e}}),this.setDirectionsRendererCallback)},o.componentDidUpdate=function(e){null!==this.state.directionsRenderer&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:Ve,eventMap:Re,prevProps:e,nextProps:this.props,instance:this.state.directionsRenderer}))},o.componentWillUnmount=function(){null!==this.state.directionsRenderer&&(this.props.onUnmount&&this.props.onUnmount(this.state.directionsRenderer),h(this.registeredEvents),this.state.directionsRenderer&&this.state.directionsRenderer.setMap(null))},o.render=function(){return t.createElement(t.Fragment,null)},n}(t.PureComponent);Ie.contextType=c;var _e=function(e){function o(){var t;return(t=e.apply(this,arguments)||this).state={distanceMatrixService:null},t.setDistanceMatrixServiceCallback=function(){null!==t.state.distanceMatrixService&&t.props.onLoad&&t.props.onLoad(t.state.distanceMatrixService)},t}a(o,e);var r=o.prototype;return r.componentDidMount=function(){this.props.options||n(!1);var e=new google.maps.DistanceMatrixService;this.setState((function(){return{distanceMatrixService:e}}),this.setDistanceMatrixServiceCallback)},r.componentDidUpdate=function(){null!==this.state.distanceMatrixService&&this.state.distanceMatrixService.getDistanceMatrix(this.props.options,this.props.callback)},r.componentWillUnmount=function(){null!==this.state.distanceMatrixService&&this.props.onUnmount&&this.props.onUnmount(this.state.distanceMatrixService)},r.render=function(){return t.createElement(t.Fragment,null)},o}(t.PureComponent),We={onPlacesChanged:"places_changed"},Be={bounds:function(e,t){e.setBounds(t)}},Ae=function(e){function o(){var n;return(n=e.apply(this,arguments)||this).registeredEvents=[],n.containerElement=t.createRef(),n.state={searchBox:null},n.setSearchBoxCallback=function(){null!==n.state.searchBox&&n.props.onLoad&&n.props.onLoad(n.state.searchBox)},n}a(o,e);var r=o.prototype;return r.componentDidMount=function(){if(google.maps.places||n(!1),null!==this.containerElement&&null!==this.containerElement.current){var e=this.containerElement.current.querySelector("input");if(e){var t=new google.maps.places.SearchBox(e,this.props.options);this.registeredEvents=f({updaterMap:Be,eventMap:We,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{searchBox:t}}),this.setSearchBoxCallback)}}},r.componentDidUpdate=function(e){null!==this.state.searchBox&&(h(this.registeredEvents),this.registeredEvents=f({updaterMap:Be,eventMap:We,prevProps:e,nextProps:this.props,instance:this.state.searchBox}))},r.componentWillUnmount=function(){null!==this.state.searchBox&&(this.props.onUnmount&&this.props.onUnmount(this.state.searchBox),h(this.registeredEvents))},r.render=function(){return t.createElement("div",{ref:this.containerElement},t.Children.only(this.props.children))},o}(t.PureComponent);Ae.contextType=c;var Ne={onPlaceChanged:"place_changed"},je={bounds:function(e,t){e.setBounds(t)},restrictions:function(e,t){e.setComponentRestrictions(t)},fields:function(e,t){e.setFields(t)},options:function(e,t){e.setOptions(t)},types:function(e,t){e.setTypes(t)}},ze=function(e){function o(){var n;return(n=e.apply(this,arguments)||this).registeredEvents=[],n.containerElement=t.createRef(),n.state={autocomplete:null},n.setAutocompleteCallback=function(){null!==n.state.autocomplete&&n.props.onLoad&&n.props.onLoad(n.state.autocomplete)},n}a(o,e);var r=o.prototype;return r.componentDidMount=function(){google.maps.places||n(!1);var e=this.containerElement.current.querySelector("input");if(e){var t=new google.maps.places.Autocomplete(e,this.props.options);this.registeredEvents=f({updaterMap:je,eventMap:Ne,prevProps:{},nextProps:this.props,instance:t}),this.setState((function(){return{autocomplete:t}}),this.setAutocompleteCallback)}},r.componentDidUpdate=function(e){h(this.registeredEvents),this.registeredEvents=f({updaterMap:je,eventMap:Ne,prevProps:e,nextProps:this.props,instance:this.state.autocomplete})},r.componentWillUnmount=function(){null!==this.state.autocomplete&&h(this.registeredEvents)},r.render=function(){return t.createElement("div",{ref:this.containerElement},t.Children.only(this.props.children))},o}(t.PureComponent);ze.contextType=c,e.Autocomplete=ze,e.BicyclingLayer=I,e.Circle=ce,e.Data=de,e.DirectionsRenderer=Ie,e.DirectionsService=Te,e.DistanceMatrixService=_e,e.DrawingManager=A,e.GoogleMap=v,e.GroundOverlay=xe,e.HeatmapLayer=Le,e.InfoBox=q,e.InfoWindow=Q,e.KmlLayer=ge,e.LoadScript=L,e.LoadScriptNext=O,e.Marker=z,e.MarkerClusterer=Z,e.OverlayView=Ee,e.Polygon=oe,e.Polyline=ee,e.Rectangle=ie,e.StandaloneSearchBox=Ae,e.StreetViewPanorama=Ue,e.StreetViewService=Oe,e.TrafficLayer=V,e.TransitLayer=_,e.useGoogleMap=function(){t.useContext||n(!1);var e=t.useContext(c);return e||n(!1),e},e.useLoadScript=D}));
 //# sourceMappingURL=reactgooglemapsapi.umd.production.min.js.map

package.json

 {
   "name": "@react-google-maps/api",
-  "version": "1.7.14",
+  "sideEffects": false,
+  "version": "1.8.0",
   "description": "React.js Google Maps API integration",
@@ -86,4 +87,4 @@ "license": "MIT",
   "dependencies": {
-    "@react-google-maps/infobox": "1.7.11",
-    "@react-google-maps/marker-clusterer": "1.7.8",
+    "@react-google-maps/infobox": "1.8.0",
+    "@react-google-maps/marker-clusterer": "1.8.0",
     "invariant": "2.2.4"
@@ -90,0 +91,0 @@ },

README.md

@@ -5,2 +5,7 @@ # @react-google-maps/api
 
+[![npm package](https://img.shields.io/npm/v/@react-google-maps/api)](https://www.npmjs.com/package/@react-google-maps/api)
+[![npm downloads](https://img.shields.io/npm/dt/@react-google-maps/api)](https://www.npmjs.com/package/@react-google-maps/api)
+[![npm bundle size](https://img.shields.io/bundlephobia/min/@react-google-maps/api)](https://www.npmjs.com/package/@react-google-maps/api)
+[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-google-maps)
+
 @react-google-maps/api
@@ -65,3 +70,3 @@
 - Uses the new Context API
-- Supports async React (StrictMode complient)
+- Supports async React (StrictMode compliant)
 - Removes lodash dependency =>
@@ -85,3 +90,3 @@ smaller bundle size `12.4kb` gzip, tree-shakeable [https://bundlephobia.com/result?p=@react-google-maps/api](https://bundlephobia.com/result?p=@react-google-maps/api)
 
-You can join the community at https://spectrum.chat/react-google-maps to ask questions and help others with your experience.
+You can join the community at [Spectrum.chat](https://spectrum.chat/react-google-maps) to ask questions and help others with your experience.
 
@@ -88,0 +93,0 @@ ## Contribute

src/__tests__/utils/helper.test.ts

@@ -10,3 +10,3 @@ import { applyUpdaterToNextProps } from './../../utils/helper'
   describe('applyUpdaterToNextProps', () => {
-    it('should invoke updater function if prop changed and not invoke if it hasent', () => {
+    it("should invoke updater function if prop changed and not invoke if it hasn't", () => {
       applyUpdaterToNextProps(updaterMap, {}, {center: 1}, {})
@@ -18,3 +18,3 @@
   })
-  
-})
+
+})

src/components/addons/InfoBox.md

@@ -7,14 +7,20 @@ # InfoBox example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 33.772,
+  lng: -117.214
+}
+
+const options = { closeBoxURL: '', enableEventPropagation: true }
+
 <ScriptLoaded>
   <GoogleMap
     id="InfoBox-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={10}
-    center={{
-      lat: 33.772,
-      lng: -117.214
-    }}
+    center={center}
   >
@@ -25,4 +31,4 @@ <InfoBox
       }}
-      options={{ closeBoxURL: '', enableEventPropagation: true }}
-      position={{lat: 33.772, lng: -117.214}}
+      options={options}
+      position={center}
     >
@@ -29,0 +35,0 @@ <div style={{ backgroundColor: 'yellow', opacity: 0.75, padding: 12 }}>

src/components/addons/MarkerClusterer.md

@@ -7,41 +7,51 @@ # MarkerClusterer example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = { lat: -28.024, lng: 140.887 }
+
+const locations = [
+  {lat: -31.563910, lng: 147.154312},
+  {lat: -33.718234, lng: 150.363181},
+  {lat: -33.727111, lng: 150.371124},
+  {lat: -33.848588, lng: 151.209834},
+  {lat: -33.851702, lng: 151.216968},
+  {lat: -34.671264, lng: 150.863657},
+  {lat: -35.304724, lng: 148.662905},
+  {lat: -36.817685, lng: 175.699196},
+  {lat: -36.828611, lng: 175.790222},
+  {lat: -37.750000, lng: 145.116667},
+  {lat: -37.759859, lng: 145.128708},
+  {lat: -37.765015, lng: 145.133858},
+  {lat: -37.770104, lng: 145.143299},
+  {lat: -37.773700, lng: 145.145187},
+  {lat: -37.774785, lng: 145.137978},
+  {lat: -37.819616, lng: 144.968119},
+  {lat: -38.330766, lng: 144.695692},
+  {lat: -39.927193, lng: 175.053218},
+  {lat: -41.330162, lng: 174.865694},
+  {lat: -42.734358, lng: 147.439506},
+  {lat: -42.734358, lng: 147.501315},
+  {lat: -42.735258, lng: 147.438000},
+  {lat: -43.999792, lng: 170.463352}
+]
+
+const options = { 
+  imagePath:"https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m" 
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="marker-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={3}
-    center={{lat: -28.024, lng: 140.887}}
+    center={center}
   >
     <MarkerClusterer
-      options={{imagePath:"https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m"}}
+      options={options}
     >
       {
-        (clusterer) => [
-          {lat: -31.563910, lng: 147.154312},
-          {lat: -33.718234, lng: 150.363181},
-          {lat: -33.727111, lng: 150.371124},
-          {lat: -33.848588, lng: 151.209834},
-          {lat: -33.851702, lng: 151.216968},
-          {lat: -34.671264, lng: 150.863657},
-          {lat: -35.304724, lng: 148.662905},
-          {lat: -36.817685, lng: 175.699196},
-          {lat: -36.828611, lng: 175.790222},
-          {lat: -37.750000, lng: 145.116667},
-          {lat: -37.759859, lng: 145.128708},
-          {lat: -37.765015, lng: 145.133858},
-          {lat: -37.770104, lng: 145.143299},
-          {lat: -37.773700, lng: 145.145187},
-          {lat: -37.774785, lng: 145.137978},
-          {lat: -37.819616, lng: 144.968119},
-          {lat: -38.330766, lng: 144.695692},
-          {lat: -39.927193, lng: 175.053218},
-          {lat: -41.330162, lng: 174.865694},
-          {lat: -42.734358, lng: 147.439506},
-          {lat: -42.734358, lng: 147.501315},
-          {lat: -42.735258, lng: 147.438000},
-          {lat: -43.999792, lng: 170.463352}
-        ].map((location, i) => (
+        (clusterer) => locations.map((location, i) => (
           <Marker
@@ -48,0 +58,0 @@ key={i}

src/components/dom/OverlayView.md

@@ -7,20 +7,21 @@ # OverlayView example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 35.772,
+  lng: -120.214
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="overlay-view-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={11}
-    center={{
-      lat: 35.772,
-      lng: -120.214
-    }}
+    center={center}
   >
     <OverlayView
-      position={{
-        lat: 35.772,
-        lng: -120.214
-      }}
+      position={center}
       mapPaneName={OverlayView.OVERLAY_MOUSE_TARGET}
@@ -27,0 +28,0 @@ >

src/components/drawing/Circle.md

@@ -7,43 +7,50 @@ # Circle example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: -3.745,
+  lng: -38.523
+}
+
+const options = {
+  strokeColor: '#FF0000',
+  strokeOpacity: 0.8,
+  strokeWeight: 2,
+  fillColor: '#FF0000',
+  fillOpacity: 0.35,
+  clickable: false,
+  draggable: false,
+  editable: false,
+  visible: true,
+  radius: 30000,
+  zIndex: 1
+}
+
+const onLoad = circle => {
+  console.log('Circle onLoad circle: ', circle)
+}
+
+const onUnmount = circle => {
+  console.log('Circle onUnmount circle: ', circle)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="circle-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={7}
-    center={{
-      lat: -3.745,
-      lng: -38.523
-    }}
+    center={center}
   >
     <Circle
       // optional
-      onLoad={circle => {
-        console.log('Circle onLoad circle: ', circle)
-      }}
+      onLoad={onLoad}
       // optional
-      onUnmount={circle => {
-        console.log('Circle onUnmount circle: ', circle)
-      }}
+      onUnmount={onUnmount}
       // required
-      center={{
-        lat: -3.745,
-        lng: -38.523
-      }}
+      center={center}
       // required
-      options={{
-        strokeColor: '#FF0000',
-        strokeOpacity: 0.8,
-        strokeWeight: 2,
-        fillColor: '#FF0000',
-        fillOpacity: 0.35,
-        clickable: false,
-        draggable: false,
-        editable: false,
-        visible: true,
-        radius: 30000,
-        zIndex: 1
-      }}
+      options={options}
     />
@@ -50,0 +57,0 @@ </GoogleMap>

src/components/drawing/Data.md

@@ -7,19 +7,25 @@ # Data example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 38.685,
+  lng: -115.234
+}
+
+const onLoad = data => {
+  console.log('data: ', data)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="data-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={2.5}
-    center={{
-      lat: 38.685,
-      lng: -115.234
-    }}
+    center={center}
   >
     <Data
-      onLoad={data => {
-        console.log('data: ', data)
-      }}
+      onLoad={onLoad}
       options={{
@@ -26,0 +32,0 @@ controlPosition: window.google ? window.google.maps.ControlPosition.TOP_LEFT : undefined,

src/components/drawing/DrawingManager.md

@@ -7,20 +7,30 @@ # DrawingManager example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 38.685,
+  lng: -115.234
+}
+
+const onLoad = drawingManager => {
+  console.log(drawingManager)
+}
+
+const onPolygonComplete = polygon => {
+  console.log(polygon)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="drawing-manager-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={2.5}
-    center={{
-      lat: 38.685,
-      lng: -115.234
-    }}
+    center={center}
   >
     <DrawingManager
-      onLoad={drawingManager => {
-        console.log(drawingManager)
-      }}
-      onPolygonComplete={(polygon) => console.log({polygon})}
+      onLoad={onLoad}
+      onPolygonComplete={onPolygonComplete}
     />
@@ -27,0 +37,0 @@ </GoogleMap>

src/components/drawing/InfoWindow.md

@@ -7,21 +7,29 @@ # InfoWindow example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 38.685,
+  lng: -115.234
+}
+
+const position = { lat: 33.772, lng: -117.214 }
+
+const onLoad = infoWindow => {
+  console.log('infoWindow: ', infoWindow)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="InfoWindow-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={10}
-    center={{
-      lat: 33.772,
-      lng: -117.214
-    }}
+    center={center}
   >
 
     <InfoWindow
-      onLoad={infoWindow => {
-        console.log('infoWindow: ', infoWindow)
-      }}
-      position={{lat: 33.772, lng: -117.214}}
+      onLoad={onLoad}
+      position={position}
     >
@@ -28,0 +36,0 @@ <div style={{

src/components/drawing/Marker.md

@@ -7,23 +7,31 @@ # Marker example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 0,
+  lng: -180
+}
+
+const position = {
+  lat: 37.772,
+  lng: -122.214
+}
+
+const onLoad = marker => {
+  console.log('marker: ', marker)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="marker-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={2}
-    center={{
-      lat: 0,
-      lng: -180
-    }}
+    center={center}
   >
     <Marker
-      onLoad={marker => {
-        console.log('marker: ', marker)
-      }}
-      position={{
-        lat: 37.772,
-        lng: -122.214
-      }}
+      onLoad={onLoad}
+      position={position}
     />
@@ -30,0 +38,0 @@ </GoogleMap>

src/components/drawing/Polygon.md

@@ -7,34 +7,44 @@ # Polygon example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = { lat: 24.886, lng: -70.268 }
+
+const paths = [
+  { lat: 25.774, lng: -80.19 },
+  { lat: 18.466, lng: -66.118 },
+  { lat: 32.321, lng: -64.757 },
+  { lat: 25.774, lng: -80.19 }
+]
+
+const options = {
+  fillColor: "lightblue",
+  fillOpacity: 1,
+  strokeColor: "red",
+  strokeOpacity: 1,
+  strokeWeight: 2,
+  clickable: false,
+  draggable: false,
+  editable: false,
+  geodesic: false,
+  zIndex: 1
+}
+
+const onLoad = polygon => {
+  console.log("polygon: ", polygon);
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="marker-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={5}
-    center={{ lat: 24.886, lng: -70.268 }}
+    center={center}
   >
     <Polygon
-      onLoad={polygon => {
-        console.log("polygon: ", polygon);
-      }}
-      paths={[
-        { lat: 25.774, lng: -80.19 },
-        { lat: 18.466, lng: -66.118 },
-        { lat: 32.321, lng: -64.757 },
-        { lat: 25.774, lng: -80.19 }
-      ]}
-      options={{
-        fillColor: "lightblue",
-        fillOpacity: 1,
-        strokeColor: "red",
-        strokeOpacity: 1,
-        strokeWeight: 2,
-        clickable: false,
-        draggable: false,
-        editable: false,
-        geodesic: false,
-        zIndex: 1
-      }}
+      onLoad={onLoad}
+      paths={paths}
+      options={options}
     />
@@ -41,0 +51,0 @@ </GoogleMap>

src/components/drawing/Polyline.md

@@ -7,44 +7,54 @@ # Polyline example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 0,
+  lng: -180
+}
+
+const onLoad = polyline => {
+  console.log('polyline: ', polyline)
+}
+
+const path = [
+  {lat: 37.772, lng: -122.214},
+  {lat: 21.291, lng: -157.821},
+  {lat: -18.142, lng: 178.431},
+  {lat: -27.467, lng: 153.027}
+]
+
+const options = {
+  strokeColor: '#FF0000',
+  strokeOpacity: 0.8,
+  strokeWeight: 2,
+  fillColor: '#FF0000',
+  fillOpacity: 0.35,
+  clickable: false,
+  draggable: false,
+  editable: false,
+  visible: true,
+  radius: 30000,
+  paths: [
+    {lat: 37.772, lng: -122.214},
+    {lat: 21.291, lng: -157.821},
+    {lat: -18.142, lng: 178.431},
+    {lat: -27.467, lng: 153.027}
+  ],
+  zIndex: 1
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="marker-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={2}
-    center={{
-      lat: 0,
-      lng: -180
-    }}
+    center={center}
   >
     <Polyline
-      onLoad={polyline => {
-        console.log('polyline: ', polyline)
-      }}
-      path={[
-        {lat: 37.772, lng: -122.214},
-        {lat: 21.291, lng: -157.821},
-        {lat: -18.142, lng: 178.431},
-        {lat: -27.467, lng: 153.027}
-      ]}
-      options={{
-        strokeColor: '#FF0000',
-        strokeOpacity: 0.8,
-        strokeWeight: 2,
-        fillColor: '#FF0000',
-        fillOpacity: 0.35,
-        clickable: false,
-        draggable: false,
-        editable: false,
-        visible: true,
-        radius: 30000,
-        paths: [
-          {lat: 37.772, lng: -122.214},
-          {lat: 21.291, lng: -157.821},
-          {lat: -18.142, lng: 178.431},
-          {lat: -27.467, lng: 153.027}
-        ],
-        zIndex: 1
-      }}
+      onLoad={onLoad}
+      path={path}
+      options={options}
     />
@@ -51,0 +61,0 @@ </GoogleMap>

src/components/drawing/Rectangle.md

@@ -7,25 +7,33 @@ # Rectangle example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 38.685,
+  lng: -115.234
+}
+
+const bounds = {
+  north: 38.685,
+  south: 33.671,
+  east: -115.234,
+  west: -118.251
+}
+
+const onLoad = rectangle => {
+  console.log('rectangle: ', rectangle)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="rectangle-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={2.5}
-    center={{
-      lat: 38.685,
-      lng: -115.234
-    }}
+    center={center}
   >
     <Rectangle
-      onLoad={rectangle => {
-        console.log('rectangle: ', rectangle)
-      }}
-      bounds={{
-        north: 38.685,
-        south: 33.671,
-        east: -115.234,
-        west: -118.251
-      }}
+      onLoad={onLoad}
+      bounds={bounds}
     />
@@ -32,0 +40,0 @@ </GoogleMap>

src/components/heatmap/HeatmapLayer.md

@@ -7,4 +7,22 @@ # HeatmapLayer example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 37.774546,
+  lng: -122.433523
+}
+
+const onLoad = heatmapLayer => {
+  console.log('HeatmapLayer onLoad heatmapLayer: ', heatmapLayer)
+}
+
+const onUnmount = heatmapLayer => {
+  console.log('HeatmapLayer onUnmount heatmapLayer: ', heatmapLayer)
+}
+
 <ScriptLoaded>
-{() => 
+  {() =>
   <GoogleMap
@@ -14,23 +32,13 @@ // optional
     // required to set height and width either through mapContainerClassName, either through mapContainerStyle prop
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     // required
     zoom={13}
     // required
-    center={{
-      lat: 37.774546,
-      lng: -122.433523
-    }}
+    center={center}
   >
     <HeatmapLayer
       // optional
-      onLoad={heatmapLayer => {
-        console.log('HeatmapLayer onLoad heatmapLayer: ', heatmapLayer)
-      }}
+      onLoad={onLoad}
       // optional
-      onUnmount={heatmapLayer => {
-        console.log('HeatmapLayer onUnmount heatmapLayer: ', heatmapLayer)
-      }}
+      onUnmount={onUnmount}
       // required
@@ -37,0 +45,0 @@ data={[

src/components/kml/KmlLayer.md

@@ -7,12 +7,18 @@ # KML Layer example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 41.876,
+  lng: -87.624
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="kml-layer-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={11}
-    center={{lat: 41.876, lng: -87.624}}
-    
+    center={center}
   >
@@ -19,0 +25,0 @@ <KmlLayer url="http://googlemaps.github.io/js-v2-samples/ggeoxml/cta.kml" />

src/components/maps/BicyclingLayer.md

@@ -7,22 +7,30 @@ # BicyclingLayer example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 42.3726399,
+  lng: -71.1096528
+}
+
+const onClick = (...args) => {
+  console.log('onClick args: ', args)
+}
+
+const onLoad = bicyclingLayer => {
+  console.log('bicyclingLayer: ', bicyclingLayer)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id='bicycling-example'
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={14}
-    center={{
-      lat: 42.3726399,
-      lng: -71.1096528
-    }}
-    onClick={(...args) => {
-      console.log('onClick args: ', args)
-    }}
+    center={center}
+    onClick={onClick}
   >
     <BicyclingLayer
-      onLoad={bicyclingLayer => {
-        console.log('bicyclingLayer: ', bicyclingLayer)
-      }}
+      onLoad={onLoad}
     />
@@ -29,0 +37,0 @@ </GoogleMap>

src/components/maps/TrafficLayer.md

@@ -7,22 +7,30 @@ # TrafficLayer example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 42.3726399,
+  lng: -71.1096528
+}
+
+const onClick = (...args) => {
+  console.log('onClick args: ', args)
+}
+
+const onLoad = trafficLayer => {
+  console.log('trafficLayer: ', trafficLayer)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id='bicycling-example'
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={14}
-    center={{
-      lat: 42.3726399,
-      lng: -71.1096528
-    }}
-    onClick={(...args) => {
-      console.log('onClick args: ', args)
-    }}
+    center={center}
+    onClick={onClick}
   >
     <TrafficLayer
-      onLoad={trafficLayer => {
-        console.log('trafficLayer: ', trafficLayer)
-      }}
+      onLoad={onLoad}
     />
@@ -29,0 +37,0 @@ </GoogleMap>

src/components/maps/TransitLayer.md

@@ -7,24 +7,32 @@ # TransitLayer example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 42.3726399,
+  lng: -71.1096528
+}
+
+const onClick = (...args) => {
+  console.log('onClick args: ', args)
+}
+
+const onLoad = transitLayer => {
+  console.log('transitLayer: ', transitLayer)
+}
+
 <ScriptLoaded>
   <GoogleMap
     id='transit-example'
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={14}
-    center={{
-      lat: 42.3726399,
-      lng: -71.1096528
-    }}
-    onClick={(...args) => {
-      console.log('onClick args: ', args)
-    }}
+    center={center}
+    onClick={onClick}
   >
     <TransitLayer
-      onLoad={transitLayer => {
-        console.log('transitLayer: ', transitLayer)
-      }}
+      onLoad={onLoad}
     />
   </GoogleMap>
 </ScriptLoaded>

src/components/overlays/GroundOverlay.md

@@ -7,14 +7,25 @@ # Ground Overlay example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 40.740,
+  lng: -74.18
+}
+
+const bounds = {
+  north: 40.773941,
+  south: 40.712216,
+  east: -74.12544,
+  west: -74.22655
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="circle-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={13}
-    center={{
-      lat: 40.740,
-      lng: -74.18
-    }}
+    center={center}
   >
@@ -24,8 +35,3 @@ <GroundOverlay
       url='https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg'
-      bounds={{
-        north: 40.773941,
-        south: 40.712216,
-        east: -74.12544,
-        west: -74.22655
-      }}
+      bounds={bounds}
     />
@@ -32,0 +38,0 @@ </GoogleMap>

src/components/places/Autocomplete.md

@@ -12,2 +12,12 @@ # Autocomplete example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 38.685,
+  lng: -115.234
+}
+
 class MyMapWithAutocomplete extends Component {
@@ -42,11 +52,5 @@ constructor (props) {
           id="searchbox-example"
-          mapContainerStyle={{
-            height: "400px",
-            width: "800px"
-          }}
+          mapContainerStyle={mapContainerStyle}
           zoom={2.5}
-          center={{
-            lat: 38.685,
-            lng: -115.234
-          }}
+          center={center}
         >
@@ -53,0 +57,0 @@ <Autocomplete

src/components/places/StandaloneSearchBox.md

@@ -11,20 +11,27 @@ # StandaloneSearchBox example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
 
+const center = {
+  lat: 38.685,
+  lng: -115.234
+}
+
+const onLoad = ref => this.searchBox = ref
+
+const onPlacesChanged = () => console.log(this.searchBox.getPlaces())
+
 <ScriptLoaded>
   <GoogleMap
     id="searchbox-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={2.5}
-    center={{
-      lat: 38.685,
-      lng: -115.234
-    }}
+    center={center}
   >
     <StandaloneSearchBox
-      onLoad={ref => this.searchBox = ref}
+      onLoad={onLoad}
       onPlacesChanged={
-        () => console.log(this.searchBox.getPlaces())
+        onPlacesChanged
       }
@@ -31,0 +38,0 @@ >

src/components/streetview/StreetViewPanorama.md

@@ -7,20 +7,21 @@ # StreetViewPanorama example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat:  51.5320665,
+  lng: -0.177203
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="circle-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={7}
-    center={{
-      lat:  51.5320665,
-      lng: -0.177203
-    }}
+    center={center}
   >
     <StreetViewPanorama
-      position={{
-        lat:  51.5320665,
-        lng: -0.177203
-      }}
+      position={center}
       visible={true}
@@ -27,0 +28,0 @@ />

src/components/streetview/StreetViewService.md

@@ -10,24 +10,31 @@ # StreetViewService example
 
+const mapContainerStyle = {
+  height: "400px",
+  width: "800px"
+}
+
+const center = {
+  lat: 37.869085,
+  lng: -122.254775
+}
+
+const onLoad = (streetViewService) => {
+  streetViewService.getPanorama({
+    location: center, 
+    radius: 50
+  }, (data, status) => console.log(
+    "StreetViewService results",
+    { data, status }
+  ))
+}
+
 <ScriptLoaded>
   <GoogleMap
     id="circle-example"
-    mapContainerStyle={{
-      height: "400px",
-      width: "800px"
-    }}
+    mapContainerStyle={mapContainerStyle}
     zoom={14}
-    center={{
-      lat: 37.869085,
-      lng: -122.254775
-    }}
+    center={center}
   >
     <StreetViewService
-      onLoad={(streetViewService) => {
-        streetViewService.getPanorama({
-          location: {lat: 37.869085, lng: -122.254775}, radius: 50
-        }, (data, status) => console.log(
-          "StreetViewService results",
-          { data, status }
-        ))
-      }}
+      onLoad={onLoad}
     />
@@ -34,0 +41,0 @@ </GoogleMap>

src/setup-tests.js

@@ -1,2 +0,1 @@
-
 const createMockFuncsFromArray = (instance, names = []) => {
@@ -184,3 +183,3 @@ names.forEach(name => {
       INVALID_REQUEST: 'INVALID_REQUEST',
-      LIMITS_EXCEEDED: 'LIMITS_EXECEEDED',
+      LIMITS_EXCEEDED: 'LIMITS_EXCEEDED',
       OK: 'OK',
@@ -187,0 +186,0 @@ TIMED_OUT: 'TIMED_OUT',

src/useLoadScript.md

@@ -14,3 +14,3 @@ # Requires React 16.8+
     position: google.maps.ControlPosition.RIGHT_CENTER // ,
-    // ...otherOptopns
+    // ...otherOptions
   }
@@ -17,0 +17,0 @@ }

src/utils/prevent-google-fonts.ts

@@ -46,3 +46,3 @@ const isRobotoStyle = (element: HTMLElement) => {
 
-// Preventing the Google Maps libary from downloading an extra font
+// Preventing the Google Maps library from downloading an extra font
 export const preventGoogleFonts = () => {
@@ -49,0 +49,0 @@ // we override these methods only for one particular head element

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1722580

increased by0.07%

Number of lines in readme file

111

increased by4.72%

Worsened metrics

Lines of code

14660

decreased by-0.01%

Dependency changes

• + Added@react-google-maps/infobox@1.8.0(transitive)

• + Added@react-google-maps/marker-clusterer@1.8.0(transitive)

• - Removed@react-google-maps/infobox@1.7.11(transitive)

• - Removed@react-google-maps/marker-clusterer@1.7.8(transitive)

• Updated@react-google-maps/infobox@1.8.0

• Updated@react-google-maps/marker-clusterer@1.8.0