@deatog/react-google-maps-api
Version:
React.js Google Maps API integration
53 lines (52 loc) • 3.32 kB
TypeScript
import { PureComponent, type ContextType } from 'react';
import MapContext from '../../map-context.js';
type DataState = {
data: google.maps.Data | null;
};
export type DataProps = {
options?: google.maps.Data.DataOptions | undefined;
/** This event is fired for a click on the geometry. */
onClick?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired for a double click on the geometry. */
onDblClick?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired for a mousedown on the geometry. */
onMouseDown?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired when the DOM mousemove event is fired on the rectangle. */
onMouseMove?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired when the mouse leaves the area of the geometry. */
onMouseOut?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired when the mouse enters the area of the geometry. */
onMouseOver?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired for a mouseup on the geometry. */
onMouseUp?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired for a rightclick on the geometry. */
onRightClick?: ((e: google.maps.Data.MouseEvent) => void) | undefined;
/** This event is fired when a feature is added to the collection. */
onAddFeature?: ((e: google.maps.Data.AddFeatureEvent) => void) | undefined;
/** This event is fired when a feature is removed from the collection. */
onRemoveFeature?: ((e: google.maps.Data.RemoveFeatureEvent) => void) | undefined;
/** This event is fired when a feature's property is removed. */
onRemoveProperty?: ((e: google.maps.Data.RemovePropertyEvent) => void) | undefined;
/** This event is fired when a feature's geometry is set. */
onSetGeometry?: ((e: google.maps.Data.SetGeometryEvent) => void) | undefined;
/** This event is fired when a feature's property is set. */
onSetProperty?: ((e: google.maps.Data.SetPropertyEvent) => void) | undefined;
/** This callback is called when the data instance has loaded. It is called with the data instance. */
onLoad?: ((data: google.maps.Data) => void) | undefined;
/** This callback is called when the component unmounts. It is called with the data instance. */
onUnmount?: ((data: google.maps.Data) => void) | undefined;
};
declare function DataFunctional({ options, onClick, onDblClick, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onRightClick, onAddFeature, onRemoveFeature, onRemoveProperty, onSetGeometry, onSetProperty, onLoad, onUnmount, }: DataProps): null;
export declare const DataF: import("react").MemoExoticComponent<typeof DataFunctional>;
export declare class Data extends PureComponent<DataProps, DataState> {
static contextType: import("react").Context<google.maps.Map | null>;
context: ContextType<typeof MapContext>;
registeredEvents: google.maps.MapsEventListener[];
state: DataState;
setDataCallback: () => void;
componentDidMount(): void;
componentDidUpdate(prevProps: DataProps): void;
componentWillUnmount(): void;
render(): null;
}
export default Data;