@react-google-maps/marker-clusterer
Version:
Marker Clusterer for React.js Google Maps API
44 lines (43 loc) • 1.46 kB
TypeScript
export type ClusterIconInfo = {
text: string;
index: number;
title?: string | undefined;
html?: string | undefined;
};
export type MarkerExtended = google.maps.Marker & {
isAdded?: boolean | undefined;
};
export type TCalculator = (markers: MarkerExtended[], num: number) => ClusterIconInfo;
export type ClusterIconStyle = {
url: string;
className?: string | undefined;
height: number;
width: number;
anchorText?: [number, number] | undefined;
anchorIcon?: [number, number] | undefined;
textColor?: string | undefined;
textSize?: number | undefined;
textDecoration?: string | undefined;
fontWeight?: string | undefined;
fontStyle?: string | undefined;
fontFamily?: string | undefined;
backgroundPosition?: string | undefined;
};
export type ClustererOptions = {
gridSize?: number | undefined;
maxZoom?: number | undefined;
zoomOnClick?: boolean | undefined;
averageCenter?: boolean | undefined;
minimumClusterSize?: number | undefined;
ignoreHidden?: boolean | undefined;
title?: string | undefined;
calculator?: TCalculator | undefined;
clusterClass?: string | undefined;
styles?: ClusterIconStyle[] | undefined;
enableRetinaIcons?: boolean | undefined;
batchSize?: number | undefined;
batchSizeIE?: number | undefined;
imagePath?: string | undefined;
imageExtension?: string | undefined;
imageSizes?: number[] | undefined;
};