Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

google-maps-js-api-react

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

google-maps-js-api-react - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

_chunks/chunk-2GWMOJNN.js

8

components/Circle/index.d.ts

@@ -5,7 +5,7 @@ /// <reference types="google.maps" />

declare const Circle: import("react").ForwardRefExoticComponent<Partial<{
onCenterChange: (this: google.maps.Circle, center: google.maps.LatLng) => void;
onRadiusChange: (this: google.maps.Circle, radius: number) => void;
onCenterChanged: (this: google.maps.Circle, center: google.maps.LatLng) => void;
onRadiusChanged: (this: google.maps.Circle, radius: number) => void;
onClick: (this: google.maps.Circle, e: google.maps.MapMouseEvent) => void;
onContextMenu: (this: google.maps.Circle, e: google.maps.MapMouseEvent) => void;
onDoubleClick: (this: google.maps.Circle, e: google.maps.MapMouseEvent) => void;
onDblClick: (this: google.maps.Circle, e: google.maps.MapMouseEvent) => void;
onDrag: (this: google.maps.Circle, e: google.maps.MapMouseEvent) => void;

@@ -21,3 +21,3 @@ onDragEnd: (this: google.maps.Circle, e: google.maps.MapMouseEvent) => void;

} & {
center: NonNullable<google.maps.LatLng | google.maps.LatLngLiteral>;
center: NonNullable<google.maps.LatLng | google.maps.LatLngLiteral | null>;
draggable: boolean;

@@ -24,0 +24,0 @@ editable: boolean;

@@ -1,3 +0,3 @@

export { Circle_default as default } from '../../_chunks/chunk-7FDHOVBG.js';
export { Circle_default as default } from '../../_chunks/chunk-WEJLBKZK.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -12,3 +12,3 @@ /// <reference types="google.maps" />

} & {
drawingMode: google.maps.drawing.OverlayType;
drawingMode: NonNullable<google.maps.drawing.OverlayType | null>;
} & {

@@ -15,0 +15,0 @@ defaultOptions: google.maps.drawing.DrawingManagerOptions;

@@ -1,3 +0,3 @@

export { DrawingManager_default as default } from '../../_chunks/chunk-CYCVHHHE.js';
export { DrawingManager_default as default } from '../../_chunks/chunk-AYV5ZDO3.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -20,3 +20,2 @@ /// <reference types="google.maps" />

onContextMenu: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;
onDoubleClick: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;
onMouseDown: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;

@@ -27,2 +26,3 @@ onMouseMove: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;

onMouseUp: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;
onDblClick: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;
onRightClick: (this: google.maps.Map, e: google.maps.MapMouseEvent) => void;

@@ -39,4 +39,4 @@ } & {

}> & {
className?: string;
style?: CSSProperties;
className?: string | undefined;
style?: CSSProperties | undefined;
} & {

@@ -43,0 +43,0 @@ children?: import("react").ReactNode;

@@ -1,3 +0,3 @@

export { GoogleMap_default as default } from '../../_chunks/chunk-7OGK5WNA.js';
export { GoogleMap_default as default } from '../../_chunks/chunk-VJDTSLXL.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { HeatmapLayer_default as default } from '../../_chunks/chunk-SK2F537Q.js';
export { HeatmapLayer_default as default } from '../../_chunks/chunk-CODSY7XQ.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -5,3 +5,3 @@ /// <reference types="google.maps" />

declare const Marker: import("react").ForwardRefExoticComponent<Partial<{
onAnimationChanged: (this: google.maps.Marker, animation: google.maps.Animation) => void;
onAnimationChanged: (this: google.maps.Marker, animation: NonNullable<google.maps.Animation | null | undefined>) => void;
onClickableChanged: (this: google.maps.Marker, clickable: boolean) => void;

@@ -11,3 +11,3 @@ onCursorChanged: (this: google.maps.Marker, cursor: string) => void;

onFlatChanged: (this: google.maps.Marker) => void;
onIconChanged: (this: google.maps.Marker, icon: NonNullable<string | google.maps.Icon | google.maps.Symbol>) => void;
onIconChanged: (this: google.maps.Marker, icon: NonNullable<string | google.maps.Icon | google.maps.Symbol | null | undefined>) => void;
onPositionChanged: (this: google.maps.Marker, position: google.maps.LatLng) => void;

@@ -20,3 +20,3 @@ onShapeChanged: (this: google.maps.Marker, shape: google.maps.MarkerShape) => void;

onContextMenu: (this: google.maps.Marker, e: google.maps.MapMouseEvent) => void;
onDoubleClick: (this: google.maps.Marker, e: google.maps.MapMouseEvent) => void;
onDblClick: (this: google.maps.Marker, e: google.maps.MapMouseEvent) => void;
onDrag: (this: google.maps.Marker, e: google.maps.MapMouseEvent) => void;

@@ -32,10 +32,10 @@ onDragEnd: (this: google.maps.Marker, e: google.maps.MapMouseEvent) => void;

} & {
animation: google.maps.Animation;
animation: NonNullable<google.maps.Animation | null | undefined>;
clickable: boolean;
cursor: string;
draggable: boolean;
icon: NonNullable<string | google.maps.Icon | google.maps.Symbol>;
label: NonNullable<string | google.maps.MarkerLabel>;
draggable: NonNullable<boolean | null>;
icon: NonNullable<string | google.maps.Icon | google.maps.Symbol | null | undefined>;
label: NonNullable<string | google.maps.MarkerLabel | null | undefined>;
opacity: number;
position: NonNullable<google.maps.LatLng | google.maps.LatLngLiteral>;
position: NonNullable<google.maps.LatLng | google.maps.LatLngLiteral | null | undefined>;
shape: google.maps.MarkerShape;

@@ -42,0 +42,0 @@ title: string;

@@ -1,3 +0,3 @@

export { Marker_default as default } from '../../_chunks/chunk-5T4J27DI.js';
export { Marker_default as default } from '../../_chunks/chunk-ZPFU42NS.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}
/// <reference types="google.maps" />
import { ReactElement, RefAttributes } from 'react';
import { ReactElement, RefAttributes, FC } from 'react';
export type OverlayViewProps = {

@@ -21,3 +21,3 @@ /**

};
declare const OverlayView: (props: OverlayViewProps) => import("react").ReactPortal;
declare const OverlayView: FC<OverlayViewProps>;
export default OverlayView;

@@ -1,3 +0,3 @@

export { OverlayView_default as default } from '../../_chunks/chunk-FPPI6O6W.js';
export { OverlayView_default as default } from '../../_chunks/chunk-KTDRG5U7.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -7,3 +7,2 @@ /// <reference types="google.maps" />

onContextMenu: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;
onDoubleClick: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;
onMouseDown: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;

@@ -14,2 +13,3 @@ onMouseMove: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;

onMouseUp: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;
onDblClick: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;
onRightClick: (this: google.maps.Polygon, e: google.maps.PolyMouseEvent) => void;

@@ -16,0 +16,0 @@ onDrag: (this: google.maps.Polygon, e: google.maps.MapMouseEvent) => void;

@@ -1,3 +0,3 @@

export { Polygon_default as default } from '../../_chunks/chunk-JCPPE6DW.js';
export { Polygon_default as default } from '../../_chunks/chunk-5L4VNGB6.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -7,3 +7,2 @@ /// <reference types="google.maps" />

onContextMenu: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;
onDoubleClick: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;
onMouseDown: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;

@@ -14,2 +13,3 @@ onMouseMove: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;

onMouseUp: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;
onDblClick: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;
onRightClick: (this: google.maps.Polyline, e: google.maps.PolyMouseEvent) => void;

@@ -16,0 +16,0 @@ onDrag: (this: google.maps.Polyline, e: google.maps.MapMouseEvent) => void;

@@ -1,3 +0,3 @@

export { Polyline_default as default } from '../../_chunks/chunk-FFSW3JRO.js';
export { Polyline_default as default } from '../../_chunks/chunk-ES2673CF.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -5,6 +5,6 @@ /// <reference types="google.maps" />

declare const Rectangle: import("react").ForwardRefExoticComponent<Partial<{
onBoundsChange: (this: google.maps.Rectangle, bounds: google.maps.LatLngBounds) => void;
onBoundsChanged: (this: google.maps.Rectangle, bounds: google.maps.LatLngBounds) => void;
onClick: (this: google.maps.Rectangle, e: google.maps.MapMouseEvent) => void;
onContextMenu: (this: google.maps.Rectangle, e: google.maps.MapMouseEvent) => void;
onDoubleClick: (this: google.maps.Rectangle, e: google.maps.MapMouseEvent) => void;
onDblClick: (this: google.maps.Rectangle, e: google.maps.MapMouseEvent) => void;
onDrag: (this: google.maps.Rectangle, e: google.maps.MapMouseEvent) => void;

@@ -20,3 +20,3 @@ onDragEnd: (this: google.maps.Rectangle, e: google.maps.MapMouseEvent) => void;

} & {
bounds: NonNullable<google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral>;
bounds: NonNullable<google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral | null>;
draggable: boolean;

@@ -23,0 +23,0 @@ editable: boolean;

@@ -1,3 +0,3 @@

export { Rectangle_default as default } from '../../_chunks/chunk-BZWEGS4M.js';
export { Rectangle_default as default } from '../../_chunks/chunk-WD3S2RO4.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useAutocompleteService_default as default } from '../../../_chunks/chunk-Z4A7A5UW.js';
export { useAutocompleteService_default as default } from '../../../_chunks/chunk-2N7RFUMU.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useDirectionService_default as default } from '../../../_chunks/chunk-QJZANQRV.js';
export { useDirectionService_default as default } from '../../../_chunks/chunk-DTVPSFCA.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useDistanceMatrixService_default as default } from '../../../_chunks/chunk-T5UCVTGN.js';
export { useDistanceMatrixService_default as default } from '../../../_chunks/chunk-XPNXOHJO.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useElevationService_default as default } from '../../../_chunks/chunk-OJJNUBBT.js';
export { useElevationService_default as default } from '../../../_chunks/chunk-KJJDWQSC.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useGeocoder_default as default } from '../../../_chunks/chunk-GYMDRGQV.js';
export { useGeocoder_default as default } from '../../../_chunks/chunk-GXN27AVT.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useMaxZoomService_default as default } from '../../../_chunks/chunk-PA5YRBDO.js';
export { useMaxZoomService_default as default } from '../../../_chunks/chunk-RUR4HGZ4.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { usePlacesService_default as default } from '../../../_chunks/chunk-EJNUAV3G.js';
export { usePlacesService_default as default } from '../../../_chunks/chunk-YR45OE2P.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,3 +0,3 @@

export { useStreetViewService_default as default } from '../../../_chunks/chunk-46CEBH2Q.js';
export { useStreetViewService_default as default } from '../../../_chunks/chunk-2GWMOJNN.js';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -1,1 +0,6 @@

{"sideEffects":false,"module":"./index.js","main":"./index.cjs","types":"./index.d.ts"}
{
"sideEffects": false,
"module": "./index.js",
"main": "./index.cjs",
"types": "./index.d.ts"
}

@@ -11,3 +11,2 @@ export { default as Circle } from './components/Circle';

export { default as useGoogleMap } from './hooks/useGoogleMap';
export { default as useGoogleMapsLoader } from './hooks/useGoogleMapsLoader';
export { default as useAutocompleteService } from './hooks/service/useAutocompleteService';

@@ -21,3 +20,2 @@ export { default as useDirectionService } from './hooks/service/useDirectionService';

export { default as useStreetViewService } from './hooks/service/useStreetViewService';
export { default as GoogleMapsLoader, GoogleMapsLoaderStatus, } from 'google-maps-js-api-loader';
export type { CircleProps } from './components/Circle';

@@ -32,2 +30,1 @@ export type { DrawingManagerProps } from './components/DrawingManager';

export type { OverlayViewProps } from './components/OverlayView';
export type { GoogleMapsLoaderOptions, GoogleMapsLibrary, } from 'google-maps-js-api-loader';

@@ -1,22 +0,20 @@

export { useGeocoder_default as useGeocoder } from './_chunks/chunk-GYMDRGQV.js';
export { useMaxZoomService_default as useMaxZoomService } from './_chunks/chunk-PA5YRBDO.js';
export { usePlacesService_default as usePlacesService } from './_chunks/chunk-EJNUAV3G.js';
export { useStreetViewService_default as useStreetViewService } from './_chunks/chunk-46CEBH2Q.js';
export { Polyline_default as Polyline } from './_chunks/chunk-FFSW3JRO.js';
export { Rectangle_default as Rectangle } from './_chunks/chunk-BZWEGS4M.js';
export { useGoogleMapsLoader_default as useGoogleMapsLoader } from './_chunks/chunk-3OHAVOTH.js';
export { useAutocompleteService_default as useAutocompleteService } from './_chunks/chunk-Z4A7A5UW.js';
export { useDirectionService_default as useDirectionService } from './_chunks/chunk-QJZANQRV.js';
export { useDistanceMatrixService_default as useDistanceMatrixService } from './_chunks/chunk-T5UCVTGN.js';
export { useElevationService_default as useElevationService } from './_chunks/chunk-OJJNUBBT.js';
export { Circle_default as Circle } from './_chunks/chunk-7FDHOVBG.js';
export { DrawingManager_default as DrawingManager } from './_chunks/chunk-CYCVHHHE.js';
export { GoogleMap_default as GoogleMap } from './_chunks/chunk-7OGK5WNA.js';
export { HeatmapLayer_default as HeatmapLayer } from './_chunks/chunk-SK2F537Q.js';
export { Marker_default as Marker } from './_chunks/chunk-5T4J27DI.js';
export { OverlayView_default as OverlayView } from './_chunks/chunk-FPPI6O6W.js';
export { Polygon_default as Polygon } from './_chunks/chunk-JCPPE6DW.js';
export { usePlacesService_default as usePlacesService } from './_chunks/chunk-YR45OE2P.js';
export { useStreetViewService_default as useStreetViewService } from './_chunks/chunk-2GWMOJNN.js';
export { useMaxZoomService_default as useMaxZoomService } from './_chunks/chunk-RUR4HGZ4.js';
export { Polyline_default as Polyline } from './_chunks/chunk-ES2673CF.js';
export { Rectangle_default as Rectangle } from './_chunks/chunk-WD3S2RO4.js';
export { useAutocompleteService_default as useAutocompleteService } from './_chunks/chunk-2N7RFUMU.js';
export { useDirectionService_default as useDirectionService } from './_chunks/chunk-DTVPSFCA.js';
export { useDistanceMatrixService_default as useDistanceMatrixService } from './_chunks/chunk-XPNXOHJO.js';
export { useElevationService_default as useElevationService } from './_chunks/chunk-KJJDWQSC.js';
export { useGeocoder_default as useGeocoder } from './_chunks/chunk-GXN27AVT.js';
export { Circle_default as Circle } from './_chunks/chunk-WEJLBKZK.js';
export { DrawingManager_default as DrawingManager } from './_chunks/chunk-AYV5ZDO3.js';
export { HeatmapLayer_default as HeatmapLayer } from './_chunks/chunk-CODSY7XQ.js';
export { GoogleMap_default as GoogleMap } from './_chunks/chunk-VJDTSLXL.js';
export { Marker_default as Marker } from './_chunks/chunk-ZPFU42NS.js';
export { OverlayView_default as OverlayView } from './_chunks/chunk-KTDRG5U7.js';
export { Polygon_default as Polygon } from './_chunks/chunk-5L4VNGB6.js';
export { useGoogleMap_default as useGoogleMap } from './_chunks/chunk-HEZHYUAN.js';
export { default as GoogleMapsLoader, GoogleMapsLoaderStatus } from 'google-maps-js-api-loader';
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

@@ -1,1 +0,58 @@

{"name":"google-maps-js-api-react","version":"3.1.0","author":"Krombik","description":"Fast, tree-shakable, and light-weight React components and hooks for integrating Google Maps API functionality","keywords":["react","google","maps","loader","Marker","Map","OverlayView","AutocompleteService","autocomplete","Polygon","Polyline","Circle","Rectangle","DrawingManager","HeatmapLayer","GoogleMap"],"repository":{"type":"git","url":"git+https://github.com/Krombik/google-maps-react.git"},"license":"MIT","bugs":{"url":"https://github.com/Krombik/google-maps-react/issues"},"homepage":"https://github.com/Krombik/google-maps-react#readme","peerDependencies":{"@types/google.maps":">=3.0.0","@types/react":">=16.8.0","react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"@types/react":{"optional":true}},"dependencies":{"google-maps-js-api-loader":"^2.3.0"},"engines":{"node":">=10"},"publishConfig":{"access":"public"},"main":"./index.cjs","module":"./index.js","types":"./index.d.ts","sideEffects":false}
{
"name": "google-maps-js-api-react",
"version": "3.2.0",
"author": "Krombik",
"description": "Fast, tree-shakable, and light-weight React components and hooks for integrating Google Maps API functionality",
"keywords": [
"react",
"google",
"maps",
"loader",
"Marker",
"Map",
"OverlayView",
"AutocompleteService",
"autocomplete",
"Polygon",
"Polyline",
"Circle",
"Rectangle",
"DrawingManager",
"HeatmapLayer",
"GoogleMap"
],
"repository": {
"type": "git",
"url": "git+https://github.com/Krombik/google-maps-react.git"
},
"license": "MIT",
"bugs": {
"url": "https://github.com/Krombik/google-maps-react/issues"
},
"homepage": "https://github.com/Krombik/google-maps-react#readme",
"peerDependencies": {
"@types/google.maps": ">=3.0.0",
"@types/react": ">=16.8.0",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"peerDependenciesMeta": {
"@types/react": {
"optional": true
}
},
"dependencies": {
"lodash.noop": "^3.0.1",
"react-helpful-utils": "^1.0.0"
},
"engines": {
"node": ">=10"
},
"publishConfig": {
"access": "public"
},
"main": "./index.cjs",
"module": "./index.js",
"types": "./index.d.ts",
"sideEffects": false
}

@@ -26,16 +26,13 @@ # google-maps-js-api-react

```tsx
import {
useGoogleMapLoader,
GoogleMap,
Marker,
OverlayView,
import { GoogleMap, Marker, OverlayView } from 'google-maps-js-api-react';
import useGoogleMapsLoader, {
GoogleMapsLoaderStatus,
GoogleMapsLoader,
} from 'google-maps-js-api-react';
} from 'use-google-maps-loader';
import { useCallback } from 'react';
GoogleMapsLoader.setOptions({ apiKey: API_KEY, defer: true });
GoogleMapsLoader({ apiKey: API_KEY, defer: true });
const Map = () => {
const status = useGoogleMapLoader();
const status = useGoogleMapsLoader();

@@ -95,3 +92,3 @@ const handleClick = useCallback(() => console.log('clicked'), []);

- [useGoogleMap](#usegooglemap)
- [useGoogleMapLoader](#usegooglemaploader)
- [useGoogleMapsLoader](#usegooglemapsloader)
- [useMarkerCluster](#usemarkercluster)

@@ -353,4 +350,4 @@ - [Service hooks](#service-hooks)

type CircleProps = {
onCenterChange?(this: google.maps.Circle, center: google.maps.LatLng): void;
onRadiusChange?(this: google.maps.Circle, radius: number): void;
onCenterChanged?(this: google.maps.Circle, center: google.maps.LatLng): void;
onRadiusChanged?(this: google.maps.Circle, radius: number): void;
onClick?(this: google.maps.Circle, e: google.maps.MapMouseEvent): void;

@@ -389,3 +386,3 @@ onContextMenu?(this: google.maps.Circle, e: google.maps.MapMouseEvent): void;

type RectangleProps = {
onBoundsChange?(
onBoundsChanged?(
this: google.maps.Rectangle,

@@ -502,28 +499,6 @@ bounds: google.maps.LatLngBounds

### useGoogleMapLoader
### useGoogleMapsLoader
```ts
enum GoogleMapsLoaderStatus {
NONE = 0,
LOADING = 1,
LOADED = 2,
ERROR = 3,
}
This hook has been moved to [use-google-maps-loader](https://www.npmjs.com/package/use-google-maps-loader) library
type Options = {
onLoaded?(): void;
onError?(err: ErrorEvent | Error): void;
};
const useGoogleMapsLoader: (options?: Options) => GoogleMapsLoaderStatus;
```
[google-maps-js-api-loader](https://github.com/Krombik/google-map-loader) implementation
Hook for google maps script loading
> Don't forgot to set options to `GoogleMapsLoader`, like in [example](#example)
> You can import `GoogleMapsLoader` if you need "silent" loading or loading outside of react.
---

@@ -547,3 +522,3 @@

const fn = async () => {
await Loader.completion;
await GoogleMapsLoader.completion;

@@ -550,0 +525,0 @@ const res = await geocoder.geocode(someArg);

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc