index.d.ts

import React, { Component } from "react";
import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
declare const RNNaverMapView: any;
export interface Coord {
  latitude: number;
  longitude: number;
}
export interface Region extends Coord {
  latitudeDelta: number;
  longitudeDelta: number;
}

export declare enum EntityZLevel {
  InfoWindow = 400000,
  LocationOverlay = 300000,
  Marker = 200000,
  ArrowRouteOverlay = 100000,
  RouteLine = -100000,
  Shape = -300000,
  Background = -400000,
}

export declare enum TrackingMode {
  None = 0,
  NoFollow = 1,
  Follow = 2,
  Face = 3,
}
export declare enum MapType {
  Basic = 0,
  Navi = 1,
  Satellite = 2,
  Hybrid = 3,
  Terrain = 4,
}
export declare enum LayerGroup {
  LAYER_GROUP_BUILDING = "building",
  LAYER_GROUP_TRANSIT = "transit",
  LAYER_GROUP_BICYCLE = "bike",
  LAYER_GROUP_TRAFFIC = "ctt",
  LAYER_GROUP_CADASTRAL = "landparcel",
  LAYER_GROUP_MOUNTAIN = "mountain",
}
export declare enum Gravity {
  NO_GRAVITY = 0,
  AXIS_SPECIFIED = 1,
  AXIS_PULL_BEFORE = 2,
  AXIS_PULL_AFTER = 4,
  AXIS_X_SHIFT = 0,
  AXIS_Y_SHIFT = 4,
  TOP = 48,
  BOTTOM = 80,
  LEFT = 3,
  RIGHT = 5,
  CENTER_VERTICAL = 16,
  CENTER_HORIZONTAL = 1,
}
export declare enum Align {
  Center = 0,
  Left = 1,
  Right = 2,
  Top = 3,
  Bottom = 4,
  TopLeft = 5,
  TopRight = 6,
  BottomRight = 7,
  BottomLeft = 8,
}
export interface Rect {
  left?: number;
  top?: number;
  right?: number;
  bottom?: number;
}
export interface NaverMapViewProps {
  style?: StyleProp<ViewStyle>;
  center?: Coord & {
    zoom?: number;
    tilt?: number;
    bearing?: number;
  };
  tilt?: number;
  bearing?: number;
  mapPadding?: Rect;
  logoMargin?: Rect;
  logoGravity?: Gravity;
  onInitialized?: Function;
  onCameraChange?: (event: {
    latitude: number;
    longitude: number;
    zoom: number;
    contentsRegion: [Coord, Coord, Coord, Coord, Coord];
    coveringRegion: [Coord, Coord, Coord, Coord, Coord];
  }) => void;
  onMapClick?: (event: {
    x: number;
    y: number;
    latitude: number;
    longitude: number;
  }) => void;
  onTouch?: () => void;
  showsMyLocationButton?: boolean;
  compass?: boolean;
  scaleBar?: boolean;
  zoomControl?: boolean;
  mapType?: MapType;
  buildingHeight?: number;
  minZoomLevel?: number;
  maxZoomLevel?: number;
  nightMode?: boolean;
  scrollGesturesEnabled?: boolean;
  zoomGesturesEnabled?: boolean;
  tiltGesturesEnabled?: boolean;
  rotateGesturesEnabled?: boolean;
  stopGesturesEnabled?: boolean;
  liteModeEnabled?: boolean;
  useTextureView?: boolean;
}
export default class NaverMapView extends Component<NaverMapViewProps, {}> {
  ref?: RNNaverMapView;
  nodeHandle?: null | number;
  private resolveRef;
  animateToCoordinate: (coord: Coord) => void;
  animateToTwoCoordinates: (c1: Coord, c2: Coord) => void;
  animateToCoordinates: (
    coords: Coord[],
    bounds?: {
      top: number;
      bottom: number;
      left: number;
      right: number;
    }
  ) => void;
  animateToRegion: (region: Region) => void;
  setLocationTrackingMode: (mode: number) => void;
  setLayerGroupEnabled: (group: LayerGroup, enabled: boolean) => void;
  showsMyLocationButton: (show: boolean) => void;
  private dispatchViewManagerCommand;
  handleOnCameraChange: (
    event: React.SyntheticEvent<
      {},
      {
        latitude: number;
        longitude: number;
        zoom: number;
        contentsRegion: [Coord, Coord, Coord, Coord, Coord];
        coveringRegion: [Coord, Coord, Coord, Coord, Coord];
      }
    >
  ) => void;
  handleOnMapClick: (
    event: React.SyntheticEvent<
      {},
      {
        x: number;
        y: number;
        latitude: number;
        longitude: number;
      }
    >
  ) => void;
  render(): JSX.Element;
}
interface RNNaverMapView extends React.Component<{}, any> {}
export interface MapOverlay {
  coordinate: Coord;
  onClick?: () => void;
}
export interface MarkerProps extends MapOverlay {
  anchor?: {
    x: number;
    y: number;
  };
  pinColor?: string;
  rotation?: number;
  flat?: boolean;
  image?: ImageSourcePropType;
  width?: number;
  height?: number;
  alpha?: number;
  angle?: number;
  hidden?: boolean;
  zIndex?: number;
  globalZIndex?: number;
  iconPerspectiveEnabled?: boolean;
  isHideCollidedSymbols?: boolean;
  isHideCollidedMarkers?: boolean;
  isHideCollidedCaptions?: boolean;
  isForceShowIcon?: boolean;
  animated?: boolean;
  caption?: {
    text?: string;
    align?: Align;
    textSize?: number;
    color?: string;
    haloColor?: string;
    offset?: number;
    requestedWidth?: number;
    minZoom?: number;
    maxZoom?: number;
  };
  subCaption?: {
    text?: string;
    textSize?: number;
    color?: string;
    haloColor?: string;
    requestedWidth?: number;
    minZoom?: number;
    maxZoom?: number;
  };
}
export declare class Marker extends Component<MarkerProps> {
  render(): JSX.Element;
}
export interface CircleProps extends MapOverlay {
  radius?: number;
  color?: string;
  outlineWidth?: number;
  outlineColor?: string;
  zIndex?: number;
}
export declare class Circle extends Component<CircleProps> {
  render(): JSX.Element;
}
interface PolylineProps extends Omit<MapOverlay, "coordinate"> {
  coordinates: Coord[];
  capType?: "butt" | "round" | "square";
  joinType?: "bevel" | "miter" | "round";
  strokeWidth?: number;
  strokeColor?: string;
  zIndex?: number;
  globalZIndex?: number;
}
export declare class Polyline extends Component<PolylineProps> {
  render(): JSX.Element;
}
interface PolygonProps extends Omit<MapOverlay, "coordinate"> {
  coordinates: Coord[];
  outlineWidth?: number;
  outlineColor?: string;
  color?: string;
  holes?: Coord[][];
  zIndex?: number;
  globalZIndex?: number;
}
export declare class Polygon extends Component<PolygonProps> {
  render(): JSX.Element;
}
export interface PathProps extends Omit<MapOverlay, "coordinate"> {
  coordinates: Coord[];
  width?: number;
  color?: string;
  outlineWidth?: number;
  passedColor?: string;
  outlineColor?: string;
  passedOutlineColor?: string;
  pattern?: ImageSourcePropType;
  patternInterval?: number;
  progress?: number;
  zIndex?: number;
  globalZIndex?: number;
}
export declare class Path extends Component<PathProps> {
  render(): JSX.Element;
}
export {};