@react-google-maps/api
Version:
React.js Google Maps API integration
40 lines (39 loc) • 1.52 kB
TypeScript
/// <reference types="googlemaps" />
import * as React from 'react';
interface OverlayViewState {
overlayView: google.maps.OverlayView | null;
containerStyle: React.CSSProperties;
}
export interface OverlayViewProps {
mapPaneName: string;
getPixelPositionOffset?: (offsetWidth: number, offsetHeight: number) => {
x: number;
y: number;
};
bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral;
position?: google.maps.LatLng | google.maps.LatLngLiteral;
onLoad?: (overlayView: google.maps.OverlayView) => void;
onUnmount?: (overlayView: google.maps.OverlayView) => void;
}
export declare class OverlayView extends React.PureComponent<OverlayViewProps, OverlayViewState> {
static FLOAT_PANE: string;
static MAP_PANE: string;
static MARKER_LAYER: string;
static OVERLAY_LAYER: string;
static OVERLAY_MOUSE_TARGET: string;
static contextType: React.Context<google.maps.Map<Element> | null>;
state: OverlayViewState;
mapPaneEl: Element | null;
containerRef: React.RefObject<HTMLDivElement>;
setOverlayViewCallback: () => void;
onAdd: () => void;
onPositionElement: () => void;
draw: () => void;
onRemove: () => void;
constructor(props: OverlayViewProps);
componentDidMount(): void;
componentDidUpdate(prevProps: OverlayViewProps): void;
componentWillUnmount(): void;
render(): React.ReactPortal | React.ReactNode;
}
export default OverlayView;