@googlemap-react/core/dist/index.esm.js

Easier-to-use Google Map & React integration

import{jsx as e,Fragment as n,jsxs as a}from"react/jsx-runtime";import o,{useState as t,useEffect as r,useReducer as i,useContext as d,useRef as l}from"react";import s from"react-dom/server";import{v1 as c}from"uuid";import m from"loadjs";import p from"react-dom";function g(){return(g=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e}).apply(this,arguments)}function u(e,n){if(null==e)return{};var a,o,t={},r=Object.keys(e);for(o=0;o<r.length;o++)n.indexOf(a=r[o])>=0||(t[a]=e[a]);return t}const h={lat:40.7128,lng:-74.006},v=[{lat:40.718,lng:-74.006},{lat:40.718,lng:-74.01},{lat:40.7138,lng:-74.001},{lat:40.7128,lng:-74.005}],y={east:-74,west:-74.006,north:40.718,south:40.714},b={center:h,radius:200},f={},C={url:"https://placehold.it/256x256",bounds:y},w={data:[{lat:40.718,lng:-74.006},{lat:40.712,lng:-74.01}],radius:100},j={content:"Hello",position:h},k={url:"http://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss"},_={center:h,zoom:14},O={height:"100%",width:"100%"},M={position:h},N={paths:v},P={path:v},D={bounds:y},S={bounds:y},x={bounds:y},E={position:h},T=["drawing","geometry","places","visualization"],L=({apiKey:e,libraryParam:n,languageParam:a,regionParam:o})=>{const i=t(!1),d=i[0],l=i[1];return r(()=>{if("undefined"==typeof document)return;const t="https://maps.googleapis.com/maps/api/js?key="+e+n+a+o;m.isDefined("gmap")||m(t,"gmap"),m.ready("gmap",{success:()=>{l(!0)},error:()=>{m.reset(),console.error("Unable to fetch Google Map sdk")}})},[]),d},I=(e,n)=>{r(()=>{if(void 0===e)return;const a=[];return n.forEach(n=>{n.handler&&a.push(google.maps.event.addListener(e,n.name,n.handler))}),()=>{a.forEach(e=>e.remove())}},[e,n])},J=(e,n,a,o)=>{r(()=>{void 0!==e&&void 0!==n&&JSON.stringify(n)!==a&&(e.setOptions(n),o(JSON.stringify(n)))},[e,n])},R=()=>({map:void 0,objects:new Map,places:void 0}),A=o.createContext({state:void 0,dispatch:void 0}),B=(e,n)=>{switch(n.type){case"reset":return R();case"init_map":if(void 0===n.map)throw new Error("You should specify a map instance");if(void 0!==e.map)throw new Error("There can only be one map instance in a context");return g({},e,{map:n.map,places:n.places});case"add_object":if(void 0===n.object)throw new Error("You should specify an object instance");if(void 0===n.id)throw new Error("You should specify an id");if(e.objects.has(n.id))throw new Error("The id has already been taken");return e.objects.set(n.id,n.object),e;case"remove_object":if(void 0===n.id)throw new Error("You should specify an id");const a=e.objects.get(n.id);if(void 0===a)throw new Error("There is no object with the given id");return a.setMap&&a.setMap(null),e.objects.delete(n.id),e;default:return e}},V=({children:a})=>{const o=i(B,R());return e(n,{children:e(A.Provider,Object.assign({value:{state:o[0],dispatch:o[1]}},{children:a}),void 0)},void 0)},z=A.Consumer,H=n=>{let a=n.id,o=n.opts,i=void 0===o?x:o,l=n.onPlaceChanged,m=n.bindingPosition,p=u(n,["id","opts","onPlaceChanged","bindingPosition"]);const g=d(A),h=g.state,v=g.dispatch,y=t(""),b=y[0],f=y[1],C=t(void 0),w=C[0],j=C[1],k=t(a||"autocomplete-"+c())[0],_=t(document.createRange().createContextualFragment(s.renderToString(e("input",Object.assign({id:k},p),void 0))).firstElementChild)[0],O=t(m),M=O[0],N=O[1];return r(()=>{if(void 0===h.map||void 0===h.places)return;const e=m?_:document.getElementById(k),n=new google.maps.places.Autocomplete(e,i);if(j(n),(e=>{v({type:"add_object",object:e,id:k})})(n),f(JSON.stringify(i)),m){if(m!==M){const e=h.map.controls[google.maps.ControlPosition[M]],n=e.getArray();e.removeAt(n.findIndex(e=>e===_)),N(m)}h.map.controls[google.maps.ControlPosition[m]].push(e)}return()=>v({type:"remove_object",id:k})},[h.places,m]),I(w,[{name:"place_changed",handler:l}]),J(w,i,b,f),m?null:e("input",Object.assign({id:k},p),void 0)};H.displayName="Autocomplete";const U=n=>e(H,Object.assign({},n),void 0);U.displayName="Autocomplete";const G=n=>e(H,Object.assign({},n),void 0);G.displayName="StandaloneAutocomplete";const F=({type:e,opts:n})=>{const a=e+"-layer",o=d(A),i=o.state,l=o.dispatch,s=t(void 0),c=s[0],m=s[1];return r(()=>{if(void 0===i.map)return;const o={bicycling:google.maps.BicyclingLayer,traffic:google.maps.TrafficLayer,transit:google.maps.TransitLayer},t="traffic"===e?new o[e](n):new o[e];return t.setMap(i.map),m(t),(e=>{l({type:"add_object",object:e,id:a})})(t),()=>l({type:"remove_object",id:a})},[i.map]),r(()=>{"traffic"===e&&void 0!==n&&void 0!==c&&c.setOptions(n)},[n]),null};F.displayName="layer";const K=({})=>e(F,{type:"bicycling"},void 0);K.displayName="BicyclingLayer";const Y=({id:e,opts:n=b,onCenterChanged:a,onClick:o,onDoubleClick:i,onDrag:l,onDragEnd:s,onDragStart:m,onMouseDown:p,onMouseOut:u,onMouseOver:h,onMouseUp:v,onRadiusChanged:y,onRightClick:f})=>{const C=d(A),w=C.state,j=C.dispatch,k=t(""),_=k[0],O=k[1],M=t(void 0),N=M[0],P=M[1],D=t(e||"circle-"+c())[0];return r(()=>{if(void 0===w.map)return;const e=new google.maps.Circle(g({},n,{map:w.map}));return P(e),O(JSON.stringify(n)),(e=>{j({type:"add_object",object:e,id:D})})(e),()=>j({type:"remove_object",id:D})},[w.map]),I(N,[{name:"center_changed",handler:a},{name:"click",handler:o},{name:"dblclick",handler:i},{name:"drag",handler:l},{name:"dragend",handler:s},{name:"dragstart",handler:m},{name:"mousedown",handler:p},{name:"mouseout",handler:u},{name:"mouseover",handler:h},{name:"mouseup",handler:v},{name:"radius_changed",handler:y},{name:"rightclick",handler:f}]),J(N,n,_,O),null};Y.displayName="Circle";const Z=({bindingPosition:e="RIGHT_TOP",children:n})=>{const a=d(A).state,o=l(),i=t(!1),s=i[0],c=i[1],m=t(e),g=m[0],u=m[1];return r(()=>{if(void 0!==a.map){if(o.current=document.createElement("div"),e!==g){const n=a.map.controls[google.maps.ControlPosition[g]],t=n.getArray();n.removeAt(t.findIndex(e=>e===o.current)),u(e)}a.map.controls[google.maps.ControlPosition[e]].push(o.current),c(!0)}},[a.map,e]),s?p.createPortal(n,o.current):null};Z.displayName="CustomControl";const W=({opts:e=f,onCircleComplete:n,onMarkerComplete:a,onOverlayComplete:o,onPolygonComplete:i,onPolylineComplete:s,onRectangleComplete:c})=>{const m="drawing-manager",p=d(A),u=p.state,h=p.dispatch,v=t(""),y=v[0],b=v[1],C=t(void 0),w=C[0],j=C[1],k=t(0),_=k[0],O=k[1],M=l(0);return M.current=_,r(()=>{if(void 0===u.map)return;const n=new google.maps.drawing.DrawingManager(g({},e,{map:u.map}));return j(n),b(JSON.stringify(e)),(e=>{h({type:"add_object",object:e,id:m})})(n),()=>((()=>{for(let e=0;e<M.current;e++)h({type:"remove_object",id:"drawing-manager-"+e})})(),void h({type:"remove_object",id:m}))},[u.map]),I(w,[{name:"circlecomplete",handler:n},{name:"markercomplete",handler:a},{name:"overlaycomplete",handler:o},{name:"overlaycomplete",handler:e=>{return n=e.overlay,O(e=>(h({type:"add_object",object:n,id:"drawing-manager-"+e}),e+1));var n}},{name:"polygoncomplete",handler:i},{name:"polylinecomplete",handler:s},{name:"rectanglecomplete",handler:c}]),J(w,e,y,b),null};W.displayName="DrawingManager";const q=({id:e,opts:n=C,onClick:a,onDoubleClick:o})=>{const i=d(A),l=i.state,s=i.dispatch,m=t(void 0),p=m[0],g=m[1],u=t(e||"ground-overlay-"+c())[0],h=t(void 0),v=h[0],y=h[1],b=t(!0),f=b[0],w=b[1],j=()=>s({type:"remove_object",id:u}),k=()=>{const e=new google.maps.GroundOverlay(n.url,n.bounds,{clickable:n.clickable,opacity:n.opacity,map:l.map});g(e),y(n.bounds),w(void 0===n.clickable||n.clickable),(e=>{s({type:"add_object",object:e,id:u})})(e)};return r(()=>{if(void 0!==l.map)return k(),()=>j()},[l.map]),I(p,[{name:"click",handler:a},{name:"dblclick",handler:o}]),r(()=>{void 0!==p&&n.opacity&&n.opacity!==p.getOpacity()&&p.setOpacity(n.opacity)},[n.opacity]),r(()=>{if(void 0===l.map||void 0===p)return;const e=void 0===n.clickable||n.clickable;n.url===p.getUrl()&&Object.is(JSON.stringify(n.bounds),JSON.stringify(v))&&e===f||(j(),k())},[n.url,n.bounds,n.clickable]),null};q.displayName="GroundOverlay";const Q=()=>window.hasOwnProperty("google")&&google.maps&&google.maps.visualization,X=a=>o=>{const i=t(!1),d=i[0],l=i[1];return r(()=>{if(Q())return void l(!0);const e=setInterval(()=>{Q()&&(l(!0),clearInterval(e))},500)},[]),e(n,{children:d?e(a,Object.assign({},o),void 0):null},void 0)},$=e=>({location:new google.maps.LatLng(e.lat,e.lng),weight:e.weight||1}),ee=X(({id:e,opts:n=w})=>{const a=d(A),o=a.state,i=a.dispatch,l=t(void 0),s=l[0],m=l[1],p=t(e||"heat-map-"+c())[0];return r(()=>{if(void 0===o.map)return;const e=new google.maps.visualization.HeatmapLayer(g({},n,{data:n.data.map(e=>$(e)),map:o.map}));return m(e),i({type:"add_object",object:e,id:p}),()=>i({type:"remove_object",id:p})},[o.map]),r(()=>{void 0!==s&&void 0!==n.data&&s.setData(n.data.map(e=>$(e)))},[n.data]),null}),ne=({anchorId:e,opts:n=j,visible:a,children:o,onCloseClick:i,onContentChanged:l,onDOMReady:s,onPositionChanged:c,onZIndexChanged:m})=>{if("undefined"==typeof document)return null;const u=d(A).state,h=t(void 0),v=h[0],y=h[1],b=t(document.createElement("div"))[0];return r(()=>{if(void 0===u.map)return;const t=new google.maps.InfoWindow(g({},n,{content:o?b:n.content}));y(t);const r=e?u.objects.get(e):void 0;return a?t.open(u.map,r):t.close(),()=>t.close()},[u.map,a,e&&u.objects.get(e)]),I(v,[{name:"closeclick",handler:i},{name:"content_changed",handler:l},{name:"domready",handler:s},{name:"position_changed",handler:c},{name:"zindex_changed",handler:m}]),r(()=>{void 0!==v&&v.setOptions(g({},n,{content:o?b:n.content}))},[n]),p.createPortal(o,b)};ne.displayName="InfoWindow";const ae=({id:e,opts:n=k,onClick:a,onDefaultViewportChanged:o,onStatusChanged:i})=>{const l=d(A),s=l.state,m=l.dispatch,p=t(""),u=p[0],h=p[1],v=t(void 0),y=v[0],b=v[1],f=t(e||"kml-layer-"+c())[0];return r(()=>{if(void 0===s.map)return;const e=new google.maps.KmlLayer(g({},n,{map:s.map}));return b(e),h(JSON.stringify(n)),(e=>{m({type:"add_object",object:e,id:f})})(e),()=>m({type:"remove_object",id:f})},[s.map]),I(y,[{name:"click",handler:a},{name:"defaultviewport_changed",handler:o},{name:"status_changed",handler:i}]),J(y,n,u,h),null};ae.displayName="KmlLayer";const oe=({apiKey:o="",language:i,region:s,className:c,style:m=O,opts:p=_,useDrawing:g=!1,useGeometry:u=!1,usePlaces:h=!1,useVisualization:v=!1,LoadedComponent:y=null,LoadingComponent:b=e("p",{children:"Loading..."},void 0),onBoundsChanged:f,onCenterChanged:C,onClick:w,onDoubleClick:j,onDrag:k,onDragEnd:M,onDragStart:N,onHeadingChanged:P,onIdle:D,onMapTypeIdChanged:S,onMouseMove:x,onMouseOut:E,onMouseOver:R,onProjectionChanged:B,onRightClick:V,onTilesLoaded:z,onTiltChanged:H,onZoomChanged:U})=>{const G=d(A).dispatch,F=t(""),K=F[0],Y=F[1],Z=t(void 0),W=Z[0],q=Z[1],Q=l(null),X=(e,n)=>G({type:"init_map",map:e,places:n}),$={drawing:g,geometry:u,places:h,visualization:v},ee=T.filter(e=>$[e]).join(","),ne=L({apiKey:o,libraryParam:""===ee?"":"&libraries="+ee,languageParam:void 0===i?"":"&language="+i,regionParam:void 0===s?"":"&region="+s});return r(()=>{if(!ne)return;const e=JSON.stringify(p),n=new google.maps.Map(Q.current,JSON.parse(e));if(q(n),Y(e),h){const e=new google.maps.places.PlacesService(n);X(n,e)}else X(n);return()=>G({type:"reset"})},[ne]),I(W,[{name:"bounds_changed",handler:f},{name:"center_changed",handler:C},{name:"click",handler:w},{name:"dblclick",handler:j},{name:"drag",handler:k},{name:"dragend",handler:M},{name:"dragstart",handler:N},{name:"heading_changed",handler:P},{name:"idle",handler:D},{name:"maptypeid_changed",handler:S},{name:"mousemove",handler:x},{name:"mouseout",handler:E},{name:"mouseover",handler:R},{name:"projection_changed",handler:B},{name:"rightclick",handler:V},{name:"tilesloaded",handler:z},{name:"tilt_changed",handler:H},{name:"zoom_changed",handler:U}]),J(W,p,K,Y),a(n,{children:[ne?y:b,e("div",{ref:Q,style:m,className:c},void 0)]},void 0)};oe.displayName="MapBox";const te=({id:e,opts:n=M,onAnimationChanged:a,onClick:o,onClickableChanged:i,onCursorChanged:l,onDoubleClick:s,onDrag:m,onDragEnd:p,onDragStart:u,onDraggableChanged:h,onFlatChanged:v,onIconChanged:y,onMouseDown:b,onMouseOut:f,onMouseOver:C,onMouseUp:w,onPositionChanged:j,onRightClick:k,onShapeChanged:_,onTitleChanged:O,onVisibleChanged:N,onZIndexChanged:P})=>{const D=d(A),S=D.state,x=D.dispatch,E=t(""),T=E[0],L=E[1],R=t(void 0),B=R[0],V=R[1],z=t(e||"marker-"+c())[0];return r(()=>{if(void 0===S.map)return;const e=new google.maps.Marker(g({},n,{map:S.map}));return V(e),L(JSON.stringify(n)),(e=>{x({type:"add_object",object:e,id:z})})(e),()=>x({type:"remove_object",id:z})},[S.map]),I(B,[{name:"animation_changed",handler:a},{name:"click",handler:o},{name:"clickable_changed",handler:i},{name:"cursor_changed",handler:l},{name:"dblclick",handler:s},{name:"drag",handler:m},{name:"dragend",handler:p},{name:"draggable_changed",handler:h},{name:"dragstart",handler:u},{name:"flat_changed",handler:v},{name:"icon_changed",handler:y},{name:"mousedown",handler:b},{name:"mouseout",handler:f},{name:"mouseover",handler:C},{name:"mouseup",handler:w},{name:"position_changed",handler:j},{name:"rightclick",handler:k},{name:"shape_changed",handler:_},{name:"title_changed",handler:O},{name:"visible_changed",handler:N},{name:"zindex_changed",handler:P}]),J(B,n,T,L),null};te.displayName="Marker";const re=({pane:e="overlayMouseTarget",position:n=h,children:a,onClick:o,onDoubleClick:i,onMouseDown:l,onMouseOut:s,onMouseOver:c,onMouseUp:m,onTouchEnd:g,onTouchStart:u,disableMapHits:v=!1,disableMapHitsAndGestures:y=!1})=>{if("undefined"==typeof document)return null;const b=d(A).state,f=t(document.createElement("div"))[0],C=t(void 0),w=C[0],j=C[1];return r(()=>{if(void 0===b.map)return;const n=new google.maps.OverlayView;return n.onAdd=()=>{f.style.position="absolute",f.onclick=o||null,f.ondblclick=i||null,f.onmousedown=l||null,f.onmouseover=c||null,f.onmouseout=s||null,f.onmouseup=m||null,f.ontouchend=g||null,f.ontouchstart=u||null,y?google.maps.OverlayView.preventMapHitsAndGesturesFrom(f):v&&google.maps.OverlayView.preventMapHitsFrom(f),n.getPanes()[e].appendChild(f)},n.onRemove=()=>{f.parentNode&&f.parentNode.removeChild(f)},n.setMap(b.map),j(n),()=>n.setMap(null)},[b.map]),r(()=>{void 0!==w&&(w.setMap(null),w.draw=()=>{const e=w.getProjection().fromLatLngToDivPixel(new google.maps.LatLng(n.lat,n.lng));f.style.left=JSON.stringify(e.x)+"px",f.style.top=JSON.stringify(e.y)+"px"},w.setMap(b.map))},[w,n]),p.createPortal(a,f)};re.displayName="OverlayView";const ie=({id:e,opts:n=N,onClick:a,onDoubleClick:o,onDrag:i,onDragEnd:l,onDragStart:s,onMouseDown:m,onMouseOut:p,onMouseOver:u,onMouseUp:h,onRightClick:v})=>{const y=d(A),b=y.state,f=y.dispatch,C=t(""),w=C[0],j=C[1],k=t(void 0),_=k[0],O=k[1],M=t(e||"polygon-"+c())[0];return r(()=>{if(void 0===b.map)return;const e=new google.maps.Polygon(g({},n,{map:b.map}));return O(e),j(JSON.stringify(n)),(e=>{f({type:"add_object",object:e,id:M})})(e),()=>f({type:"remove_object",id:M})},[b.map]),I(_,[{name:"click",handler:a},{name:"dblclick",handler:o},{name:"drag",handler:i},{name:"dragend",handler:l},{name:"dragstart",handler:s},{name:"mousedown",handler:m},{name:"mouseout",handler:p},{name:"mouseover",handler:u},{name:"mouseup",handler:h},{name:"rightclick",handler:v}]),J(_,n,w,j),null};ie.displayName="Polygon";const de=({id:e,opts:n=P,onClick:a,onDoubleClick:o,onDrag:i,onDragEnd:l,onDragStart:s,onMouseDown:m,onMouseOut:p,onMouseOver:u,onMouseUp:h,onRightClick:v})=>{const y=d(A),b=y.state,f=y.dispatch,C=t(""),w=C[0],j=C[1],k=t(void 0),_=k[0],O=k[1],M=t(e||"polyline-"+c())[0];return r(()=>{if(void 0===b.map)return;const e=new google.maps.Polyline(g({},n,{map:b.map}));return O(e),j(JSON.stringify(n)),(e=>{f({type:"add_object",object:e,id:M})})(e),()=>f({type:"remove_object",id:M})},[b.map]),I(_,[{name:"click",handler:a},{name:"dblclick",handler:o},{name:"drag",handler:i},{name:"dragend",handler:l},{name:"dragstart",handler:s},{name:"mousedown",handler:m},{name:"mouseout",handler:p},{name:"mouseover",handler:u},{name:"mouseup",handler:h},{name:"rightclick",handler:v}]),J(_,n,w,j),null};de.displayName="Polyline";const le=({id:e,opts:n=D,onBoundsChanged:a,onClick:o,onDoubleClick:i,onDrag:l,onDragEnd:s,onDragStart:m,onMouseDown:p,onMouseOut:u,onMouseOver:h,onMouseUp:v,onRightClick:y})=>{const b=d(A),f=b.state,C=b.dispatch,w=t(""),j=w[0],k=w[1],_=t(void 0),O=_[0],M=_[1],N=t(e||"rectangle-"+c())[0];return r(()=>{if(void 0===f.map)return;const e=new google.maps.Rectangle(g({},n,{map:f.map}));return M(e),k(JSON.stringify(n)),(e=>{C({type:"add_object",object:e,id:N})})(e),()=>C({type:"remove_object",id:N})},[f.map]),I(O,[{name:"bounds_changed",handler:a},{name:"click",handler:o},{name:"dblclick",handler:i},{name:"drag",handler:l},{name:"dragend",handler:s},{name:"dragstart",handler:m},{name:"mousedown",handler:p},{name:"mouseout",handler:u},{name:"mouseover",handler:h},{name:"mouseup",handler:v},{name:"rightclick",handler:y}]),J(O,n,j,k),null};le.displayName="Rectangle";const se=n=>{let a=n.id,o=n.opts,i=void 0===o?S:o,l=n.onPlacesChanged,m=n.bindingPosition,p=u(n,["id","opts","onPlacesChanged","bindingPosition"]);const g=d(A),h=g.state,v=g.dispatch,y=t(void 0),b=y[0],f=y[1],C=t(a||"search-box-"+c())[0],w=t(document.createRange().createContextualFragment(s.renderToString(e("input",Object.assign({id:C},p),void 0))).firstElementChild)[0],j=t(m),k=j[0],_=j[1];return r(()=>{if(void 0===h.map||void 0===h.places)return;const e=m?w:document.getElementById(C),n=new google.maps.places.SearchBox(e,i);if(f(n),v({type:"add_object",object:n,id:C}),m){if(m!==k){const e=h.map.controls[google.maps.ControlPosition[k]],n=e.getArray();e.removeAt(n.findIndex(e=>e===w)),_(m)}h.map.controls[google.maps.ControlPosition[m]].push(e)}return()=>v({type:"remove_object",id:C})},[h.places,m]),I(b,[{name:"places_changed",handler:l}]),r(()=>{void 0!==b&&void 0!==i.bounds&&b.setBounds(i.bounds)},[i.bounds]),m?null:e("input",Object.assign({id:C},p),void 0)};se.displayName="SearchBox";const ce=n=>e(se,Object.assign({},n),void 0);ce.displayName="SearchBox";const me=n=>e(se,Object.assign({},n),void 0);me.displayName="StandaloneSearchBox";const pe=({id:n,className:a,style:o=O,opts:i=E,bindToMap:l,onCloseClick:s,onPanoChanged:m,onPositionChanged:p,onPovChanged:g,onResize:u,onStatusChanged:h,onVisibleChanged:v,onZoomChanged:y})=>{const b=d(A),f=b.state,C=b.dispatch,w=t(""),j=w[0],k=w[1],_=t(void 0),M=_[0],N=_[1],P=t(n||(l?"street-view":"street-view-"+c()))[0];return r(()=>{if(void 0===f.map)return;const e=new google.maps.StreetViewPanorama(document.getElementById(P),i);return N(e),k(JSON.stringify(i)),(e=>{C({type:"add_object",object:e,id:P})})(e),l&&f.map.setOptions({streetView:e}),()=>{l&&f.map&&f.map.setOptions({streetView:void 0}),C({type:"remove_object",id:P})}},[f.map]),I(M,[{name:"closeclick",handler:s},{name:"pano_changed",handler:m},{name:"position_changed",handler:p},{name:"pov_changed",handler:g},{name:"resize",handler:u},{name:"status_changed",handler:h},{name:"visible_changed",handler:v},{name:"zoom_changed",handler:y}]),J(M,i,j,k),e("div",{className:a,id:P,style:o},void 0)};pe.displayName="BasicStreetView";const ge=n=>e(pe,Object.assign({bindToMap:!1},n),void 0);ge.displayName="StandaloneStreetView";const ue=n=>e(pe,Object.assign({bindToMap:!0},n),void 0);ue.displayName="StreetView";const he=({opts:n})=>e(F,{type:"traffic",opts:n},void 0);he.displayName="TrafficLayer";const ve=({})=>e(F,{type:"transit"},void 0);ve.displayName="TransitLayer";export{U as Autocomplete,K as BicyclingLayer,Y as Circle,Z as CustomControl,W as DrawingManager,z as GoogleMapConsumer,A as GoogleMapContext,V as GoogleMapProvider,q as GroundOverlay,ee as HeatMap,ne as InfoWindow,ae as KmlLayer,F as Layer,oe as MapBox,te as Marker,re as OverlayView,ie as Polygon,de as Polyline,le as Rectangle,ce as SearchBox,G as StandaloneAutocomplete,me as StandaloneSearchBox,ge as StandaloneStreetView,ue as StreetView,he as TrafficLayer,ve as TransitLayer,L as useGoogleAPI,I as useGoogleListener,X as withSecurityBounder};
//# sourceMappingURL=index.esm.js.map