@maplibre/maplibre-react-native 11.0.0-alpha.42 → 11.0.0-alpha.43

package/lib/typescript/module/src/components/annotations/point-annotation/PointAnnotation.d.ts

@@ -0,0 +1,95 @@
+import { type ReactElement } from "react";
+import { type NativeSyntheticEvent, type ViewProps } from "react-native";
+import { type Anchor } from "../../../types/Anchor";
+import type { LngLat } from "../../../types/LngLat";
+import type { PixelPoint } from "../../../types/PixelPoint";
+import type { PressEvent } from "../../../types/PressEvent";
+export type AnnotationEvent = PressEvent & {
+    id: string;
+};
+export interface PointAnnotationProps {
+    /**
+     * A string that uniquely identifies the annotation.
+     * If not provided, a unique ID will be generated automatically.
+     */
+    id?: string;
+    /**
+     * The string containing the annotation's title. Note this is required to be set if you want to see a callout appear on iOS.
+     */
+    title?: string;
+    /**
+     * The string containing the annotation's snippet(subtitle). Not displayed in the default callout.
+     */
+    snippet?: string;
+    /**
+     * Manually selects/deselects annotation
+     */
+    selected?: boolean;
+    /**
+     * Enable or disable dragging. Defaults to false.
+     */
+    draggable?: boolean;
+    /**
+     * The center point (specified as a map coordinate) of the annotation.
+     */
+    lngLat: LngLat;
+    /**
+     * Specifies the anchor being set on a particular point of the annotation.
+     * The anchor indicates which part of the marker should be placed closest to the coordinate.
+     * Defaults to "center".
+     *
+     * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/PositionAnchor/
+     */
+    anchor?: Anchor;
+    /**
+     * The offset in pixels to apply relative to the anchor.
+     * Negative values indicate left and up.
+     *
+     * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MarkerOptions/#offset
+     */
+    offset?: PixelPoint;
+    /**
+     * This callback is fired once this annotation is selected.
+     */
+    onSelected?: (event: NativeSyntheticEvent<AnnotationEvent>) => void;
+    /**
+     * This callback is fired once this annotation is deselected.
+     */
+    onDeselected?: (event: NativeSyntheticEvent<AnnotationEvent>) => void;
+    /**
+     * This callback is fired once this annotation has started being dragged.
+     */
+    onDragStart?: (event: NativeSyntheticEvent<AnnotationEvent>) => void;
+    /**
+     * This callback is fired once this annotation has stopped being dragged.
+     */
+    onDragEnd?: (event: NativeSyntheticEvent<AnnotationEvent>) => void;
+    /**
+     * This callback is fired while this annotation is being dragged.
+     */
+    onDrag?: (event: NativeSyntheticEvent<AnnotationEvent>) => void;
+    /**
+     * Expects one child, and an optional callout can be added as well
+     */
+    children: ReactElement | [ReactElement, ReactElement];
+    style?: ViewProps["style"];
+}
+export interface PointAnnotationRef {
+    /**
+     * On android point annotation is rendered offscreen with a canvas into an image.
+     * To rerender the image from the current state of the view call refresh.
+     * Call this for example from Image#onLoad.
+     */
+    refresh(): void;
+}
+/**
+ * PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.
+ *
+ * Consider using GeoJSONSource and SymbolLayer instead, if you have many points, and you have static images,
+ * they'll offer much better performance.
+ *
+ * If you need interactive views please use MarkerView,
+ * as with PointAnnotation on Android child views are rendered onto a bitmap for better performance.
+ */
+export declare const PointAnnotation: import("react").ForwardRefExoticComponent<PointAnnotationProps & import("react").RefAttributes<PointAnnotationRef>>;
+//# sourceMappingURL=PointAnnotation.d.ts.map

package/lib/typescript/module/src/components/annotations/point-annotation/PointAnnotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointAnnotation.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/annotations/point-annotation/PointAnnotation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,oBAAoB,EAIzB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAW5D,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IACzC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEpE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAErE;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEnE;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEtD,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,qHA6E3B,CAAC"}

package/lib/typescript/module/src/components/annotations/point-annotation/PointAnnotationNativeComponent.d.ts

@@ -0,0 +1,43 @@
+import { type CodegenTypes, type HostComponent, type ViewProps } from "react-native";
+import type { UnsafeMixed } from "../../../types/codegen/UnsafeMixed";
+type NativeAnchor = {
+    x: CodegenTypes.Double;
+    y: CodegenTypes.Double;
+};
+type NativeOffset = {
+    x: CodegenTypes.Double;
+    y: CodegenTypes.Double;
+};
+type NativeAnnotationEvent = {
+    id: string;
+    lngLat: UnsafeMixed<[
+        longitude: CodegenTypes.Double,
+        latitude: CodegenTypes.Double
+    ]>;
+    point: UnsafeMixed<[x: CodegenTypes.Double, y: CodegenTypes.Double]>;
+};
+export interface NativeProps extends ViewProps {
+    id: string;
+    title?: string;
+    snippet?: string;
+    selected?: CodegenTypes.WithDefault<boolean, false>;
+    draggable?: CodegenTypes.WithDefault<boolean, false>;
+    lngLat: UnsafeMixed<[
+        longitude: CodegenTypes.Double,
+        latitude: CodegenTypes.Double
+    ]>;
+    anchor?: NativeAnchor;
+    offset?: NativeOffset;
+    onSelected?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
+    onDeselected?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
+    onDragStart?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
+    onDrag?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
+    onDragEnd?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
+}
+interface NativeCommands {
+    refresh: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+}
+export declare const Commands: NativeCommands;
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=PointAnnotationNativeComponent.d.ts.map

package/lib/typescript/module/src/components/annotations/point-annotation/PointAnnotationNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointAnnotationNativeComponent.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/annotations/point-annotation/PointAnnotationNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,KAAK,YAAY,GAAG;IAClB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;IACvB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;IACvB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,WAAW,CACjB;QAAC,SAAS,EAAE,YAAY,CAAC,MAAM;QAAE,QAAQ,EAAE,YAAY,CAAC,MAAM;KAAC,CAChE,CAAC;IACF,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;CACtE,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,EAAE,WAAW,CACjB;QAAC,SAAS,EAAE,YAAY,CAAC,MAAM;QAAE,QAAQ,EAAE,YAAY,CAAC,MAAM;KAAC,CAChE,CAAC;IACF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB,UAAU,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;IACpE,YAAY,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;IACtE,WAAW,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;CACpE;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;wBAIE,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/module/src/index.d.ts

@@ -1,9 +1,8 @@
 export { type CameraOptions, type CameraEasing, type CameraAnimationOptions, type CameraCenterOptions, type CameraBoundsOptions, type CameraCenterStop, type CameraBoundsStop, type CameraStop, type InitialViewState, type TrackUserLocation, type TrackUserLocationChangeEvent, type CameraRef, type CameraProps, Camera, } from "./components/camera/Camera";
 export { type ViewState, type ViewStateChangeEvent, type MapViewRef, type MapViewProps, MapView, } from "./components/map-view/MapView";
-export { PointAnnotation } from "./components/annotations/PointAnnotation";
-export type { PointAnnotationRef } from "./components/annotations/PointAnnotation";
+export { PointAnnotation, type PointAnnotationProps, type PointAnnotationRef, type AnnotationEvent, } from "./components/annotations/point-annotation/PointAnnotation";
 export { GeoJSONSourceAnnotation } from "./components/annotations/GeoJSONSourceAnnotation";
-export { Callout } from "./components/annotations/Callout";
+export { Callout, type CalloutProps, } from "./components/annotations/callout/Callout";
 export { UserLocation } from "./components/user-location/UserLocation";
 export { NativeUserLocation } from "./components/user-location/NativeUserLocation";
 export { useCurrentPosition } from "./hooks/useCurrentPosition";
@@ -13,13 +12,14 @@ export { type RasterSourceProps, RasterSource, } from "./components/sources/rast
 export { type VectorSourceRef, type VectorSourceProps, VectorSource, } from "./components/sources/vector-source/VectorSource";
 export { Layer, type LayerProps, type SourceLayerProps, type StandaloneLayerProps, type FillLayerProps, type LineLayerProps, type SymbolLayerProps, type CircleLayerProps, type HeatmapLayerProps, type FillExtrusionLayerProps, type RasterLayerProps, type BackgroundLayerProps, } from "./components/layers/Layer";
 export { type ImageSourceWithSdf, type ImageEntry, type ImagesProps, Images, } from "./components/images/Images";
-export { MarkerView } from "./components/annotations/MarkerView";
+export { MarkerView, type MarkerViewProps, } from "./components/annotations/marker-view/MarkerView";
 export { LocationManager, type GeolocationPosition, } from "./modules/location/LocationManager";
 export { LogManager, type LogLevel } from "./modules/log/LogManager";
 export { NetworkManager } from "./modules/network/NetworkManager";
 export { OfflineManager, type OfflinePackCreateOptions, type OfflinePackDownloadState, type OfflinePackError, type OfflinePackProgressListener, type OfflinePackErrorListener, } from "./modules/offline/OfflineManager";
 export { OfflinePack, type OfflinePackStatus, } from "./modules/offline/OfflinePack";
 export { StaticMapImageManager, type StaticMapOptions, type StaticMapCenterOptions, type StaticMapBoundsOptions, type StaticMapCreateOptions, } from "./modules/static-map/StaticMapManager";
+export type { Anchor } from "./types/Anchor";
 export type { LngLat } from "./types/LngLat";
 export type { LngLatBounds } from "./types/LngLatBounds";
 export type { FillLayerStyle, LineLayerStyle, SymbolLayerStyle, CircleLayerStyle, HeatmapLayerStyle, FillExtrusionLayerStyle, RasterLayerStyle, HillshadeLayerStyle, BackgroundLayerStyle, LightLayerStyle, Expression, } from "./types/MapLibreRNStyles";

package/lib/typescript/module/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/types/Anchor.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Position anchor for markers and annotations.
+ * Follows MapLibre GL JS PositionAnchor format.
+ *
+ * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/PositionAnchor/
+ */
+export type Anchor = "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+/**
+ * Converts an Anchor string to native {x, y} format.
+ * x: 0 = left, 0.5 = center, 1 = right
+ * y: 0 = top, 0.5 = center, 1 = bottom
+ */
+export declare function anchorToNative(anchor: Anchor): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=Anchor.d.ts.map

package/lib/typescript/module/src/types/Anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../../src/types/Anchor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,MAAM,GACd,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAqBvE"}

package/lib/typescript/module/src/utils/animated/Animated.d.ts

@@ -9,6 +9,7 @@ export declare const Animated: {
         data: string | GeoJSON.GeoJSON | AnimatedGeoJSON;
     }>>;
     ImageSource: RNAnimated.AnimatedComponent<import("react").MemoExoticComponent<({ id, url, ...props }: import("../..").ImageSourceProps) => import("react/jsx-runtime").JSX.Element>>;
+    MarkerView: RNAnimated.AnimatedComponent<({ id, anchor, offset, ...props }: import("../..").MarkerViewProps) => import("react/jsx-runtime").JSX.Element>;
     Layer: RNAnimated.AnimatedComponent<({ id, ...props }: import("../..").LayerProps) => import("react/jsx-runtime").JSX.Element>;
     CoordinatesArray: typeof AnimatedCoordinatesArray;
     RouteCoordinatesArray: typeof AnimatedRouteCoordinatesArray;

package/lib/typescript/module/src/utils/animated/Animated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Animated.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/Animated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAKhF,eAAO,MAAM,QAAQ;;cAKP,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,eAAe;;;;;;;;CAYvD,CAAC"}
+{"version":3,"file":"Animated.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/Animated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAMhF,eAAO,MAAM,QAAQ;;cAMP,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,eAAe;;;;;;;;;CAgBvD,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "React Native library for creating maps with MapLibre Native for Android & iOS",
-  "version": "11.0.0-alpha.42",
+  "version": "11.0.0-alpha.43",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -128,12 +128,14 @@
     },
     "ios": {
       "componentProvider": {
+        "MLRNCallout": "MLRNCalloutComponentView",
         "MLRNCamera": "MLRNCameraComponentView",
         "MLRNImages": "MLRNImagesComponentView",
         "MLRNImageSource": "MLRNImageSourceComponentView",
         "MLRNLayer": "MLRNLayerComponentView",
         "MLRNMapView": "MLRNMapViewComponentView",
         "MLRNNativeUserLocation": "MLRNNativeUserLocationComponentView",
+        "MLRNPointAnnotation": "MLRNPointAnnotationComponentView",
         "MLRNRasterSource": "MLRNRasterSourceComponentView",
         "MLRNGeoJSONSource": "MLRNGeoJSONSourceComponentView",
         "MLRNVectorSource": "MLRNVectorSourceComponentView"

package/src/components/annotations/callout/Callout.tsx

@@ -0,0 +1,145 @@
+import { Children } from "react";
+import {
+  Animated,
+  StyleSheet,
+  Text,
+  View,
+  type ViewProps,
+  type ViewStyle,
+} from "react-native";
+
+import CalloutNativeComponent from "./CalloutNativeComponent";
+
+const styles = StyleSheet.create({
+  animated: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: 180,
+    zIndex: 9999999,
+  },
+  content: {
+    backgroundColor: "white",
+    borderColor: "rgba(0, 0, 0, 0.2)",
+    borderRadius: 3,
+    borderWidth: 1,
+    flex: 1,
+    padding: 8,
+    position: "relative",
+  },
+  tip: {
+    backgroundColor: "transparent",
+    borderBottomColor: "transparent",
+    borderBottomWidth: 0,
+    borderLeftColor: "transparent",
+    borderLeftWidth: 8,
+    borderRightColor: "transparent",
+    borderRightWidth: 8,
+    borderTopColor: "white",
+    borderTopWidth: 16,
+    elevation: 0,
+    marginTop: -2,
+    zIndex: 1000,
+  },
+  title: {
+    color: "black",
+    textAlign: "center",
+  },
+});
+
+export interface CalloutProps extends Omit<ViewProps, "style"> {
+  /**
+   * String that gets displayed in the default callout.
+   */
+  title?: string;
+
+  /**
+   * Style property for the CalloutNativeComponent.
+   *
+   * @experimental Use at your own risk.
+   */
+  style?: ViewStyle;
+
+  /**
+   * Style property for the Animated.View wrapper, apply animations to this
+   */
+  animatedStyle?: ViewStyle;
+
+  /**
+   * Style property for the content bubble.
+   */
+  contentStyle?: ViewStyle;
+
+  /**
+   * Style property for the triangle tip under the content.
+   */
+  tipStyle?: ViewStyle;
+
+  /**
+   * Style property for the title in the content bubble.
+   */
+  titleStyle?: ViewStyle;
+}
+
+/**
+ *  Callout that displays information about a selected annotation near the annotation.
+ */
+export const Callout = ({
+  title,
+  style,
+  animatedStyle,
+  contentStyle,
+  tipStyle,
+  titleStyle,
+  children,
+  testID,
+  ...props
+}: CalloutProps) => {
+  const calloutContent =
+    Children.count(children) > 0 ? (
+      <Animated.View
+        testID={testID ? `${testID}-animated` : undefined}
+        style={animatedStyle}
+        {...props}
+      >
+        {children}
+      </Animated.View>
+    ) : (
+      <Animated.View
+        testID={testID ? `${testID}-animated` : undefined}
+        style={[styles.animated, animatedStyle]}
+        {...props}
+      >
+        <View
+          testID={testID ? `${testID}-content` : undefined}
+          style={[styles.content, contentStyle]}
+        >
+          <Text
+            testID={testID ? `${testID}-title` : undefined}
+            style={[styles.title, titleStyle]}
+          >
+            {title}
+          </Text>
+        </View>
+        <View
+          testID={testID ? `${testID}-tip` : undefined}
+          style={[styles.tip, tipStyle]}
+        />
+      </Animated.View>
+    );
+
+  return (
+    <CalloutNativeComponent
+      testID={testID}
+      style={[
+        {
+          position: "absolute",
+          zIndex: 999,
+          backgroundColor: "transparent",
+        },
+        style,
+      ]}
+    >
+      {calloutContent}
+    </CalloutNativeComponent>
+  );
+};

package/src/components/annotations/callout/CalloutNativeComponent.ts

@@ -0,0 +1,11 @@
+import {
+  codegenNativeComponent,
+  type HostComponent,
+  type ViewProps,
+} from "react-native";
+
+export interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>(
+  "MLRNCallout",
+) as HostComponent<NativeProps>;

package/src/components/annotations/marker-view/MarkerView.tsx

@@ -0,0 +1,124 @@
+import {
+  Component,
+  type ComponentProps,
+  type ReactElement,
+  useRef,
+} from "react";
+import {
+  type NativeMethods,
+  Platform,
+  View,
+  type ViewProps,
+} from "react-native";
+
+import MarkerViewNativeComponent from "./MarkerViewNativeComponent";
+import { useFrozenId } from "../../../hooks/useFrozenId";
+import { type Anchor, anchorToNative } from "../../../types/Anchor";
+import type { LngLat } from "../../../types/LngLat";
+import type { PixelPoint } from "../../../types/PixelPoint";
+import {
+  PointAnnotation,
+  type PointAnnotationRef,
+} from "../point-annotation/PointAnnotation";
+
+export interface MarkerViewProps extends ViewProps {
+  /**
+   * A string that uniquely identifies the marker.
+   */
+  id?: string;
+
+  /**
+   * The center point (specified as a map coordinate) of the marker.
+   * See also #anchor.
+   */
+  lngLat: LngLat;
+
+  /**
+   * Specifies the anchor being set on a particular point of the annotation.
+   * The anchor indicates which part of the marker should be placed closest to the coordinate.
+   * Defaults to "center".
+   *
+   * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/PositionAnchor/
+   */
+  anchor?: Anchor;
+
+  /**
+   * The offset in pixels to apply relative to the anchor.
+   * Negative values indicate left and up.
+   *
+   * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MarkerOptions/#offset
+   */
+  offset?: PixelPoint;
+
+  /**
+   * Manually selects/deselects the marker.
+   *
+   * @platform iOS
+   */
+  selected?: boolean;
+
+  /**
+   * Expects one child - can be container with multiple elements
+   */
+  children: ReactElement;
+}
+
+/**
+ * MarkerView allows you to place an interactive React Native View on the map.
+ *
+ * If you have static view consider using PointAnnotation or SymbolLayer for better performance.
+ *
+ * Implemented through:
+ * - Android: Native MarkerViewManager using map projection
+ * - iOS: [MLNPointAnnotation](https://maplibre.org/maplibre-native/ios/latest/documentation/maplibre/mlnpointannotation/)
+ */
+export const MarkerView = ({
+  id,
+  anchor = "center",
+  offset,
+  ...props
+}: MarkerViewProps) => {
+  const nativeRef = useRef<
+    Component<ComponentProps<typeof MarkerViewNativeComponent>> &
+      Readonly<NativeMethods>
+  >(null);
+
+  const nativeAnchor = anchorToNative(anchor);
+  const nativeOffset = offset ? { x: offset[0], y: offset[1] } : undefined;
+
+  const pointAnnotationRef = useRef<PointAnnotationRef>(null);
+  const frozenId = useFrozenId(id);
+
+  if (Platform.OS === "ios") {
+    return (
+      <PointAnnotation
+        ref={pointAnnotationRef}
+        id={frozenId}
+        anchor={anchor}
+        offset={offset}
+        {...props}
+      />
+    );
+  }
+
+  return (
+    <MarkerViewNativeComponent
+      ref={nativeRef}
+      id={frozenId}
+      anchor={nativeAnchor}
+      offset={nativeOffset}
+      {...props}
+      style={[
+        { flex: 0, alignSelf: "flex-start", overflow: "visible" },
+        props.style,
+      ]}
+    >
+      <View
+        collapsable={false}
+        style={{ flex: 0, alignSelf: "flex-start", overflow: "visible" }}
+      >
+        {props.children}
+      </View>
+    </MarkerViewNativeComponent>
+  );
+};

package/src/components/annotations/marker-view/MarkerViewNativeComponent.ts

@@ -0,0 +1,30 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type HostComponent,
+  type ViewProps,
+} from "react-native";
+
+import type { UnsafeMixed } from "../../../types/codegen/UnsafeMixed";
+
+type NativeAnchor = {
+  x: CodegenTypes.Double;
+  y: CodegenTypes.Double;
+};
+
+type NativeOffset = {
+  x: CodegenTypes.Double;
+  y: CodegenTypes.Double;
+};
+
+export interface NativeProps extends ViewProps {
+  lngLat: UnsafeMixed<
+    [longitude: CodegenTypes.Double, latitude: CodegenTypes.Double]
+  >;
+  anchor?: NativeAnchor;
+  offset?: NativeOffset;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  "MLRNMarkerView",
+) as HostComponent<NativeProps>;