@maplibre/maplibre-react-native 11.0.3 → 11.1.0

package/src/components/sources/raster-dem-source/RasterDEMSource.tsx

@@ -0,0 +1,83 @@
+import { memo, type ReactNode } from "react";
+
+import RasterDEMSourceNativeComponent from "./RasterDEMSourceNativeComponent";
+import { useFrozenId } from "../../../hooks/useFrozenId";
+import { type BaseProps } from "../../../types/BaseProps";
+import { cloneReactChildrenWithProps } from "../../../utils";
+
+export interface RasterDEMSourceProps extends BaseProps {
+  /**
+   * A string that uniquely identifies the source.
+   */
+  id?: string;
+
+  /**
+   * A URL to a TileJSON configuration file describing the source's contents and
+   * other metadata.
+   */
+  url?: string;
+
+  /**
+   * An array of tile URL templates. If multiple endpoints are specified, clients
+   * may use any combination of endpoints.
+   *
+   * @example "https://example.com/dem-tiles/{z}/{x}/{y}.png"
+   */
+  tiles?: string[];
+
+  /**
+   * An unsigned integer that specifies the minimum zoom level at which to display
+   * tiles from the source. The value should be between 0 and 22, inclusive, and
+   * less than maxzoom, if specified. The default value for this option is 0.
+   */
+  minzoom?: number;
+
+  /**
+   * An unsigned integer that specifies the maximum zoom level at which to display
+   * tiles from the source. The value should be between 0 and 22, inclusive, and
+   * greater than minzoom, if specified. The default value for this option is 22.
+   */
+  maxzoom?: number;
+
+  /**
+   * Size of the map tiles.
+   *
+   * @defaultValue 512
+   */
+  tileSize?: number;
+
+  /**
+   * An HTML or literal text string defining the buttons to be displayed in an
+   * action sheet when the source is part of a map view's style and the map view's
+   * attribution button is pressed.
+   */
+  attribution?: string;
+
+  /**
+   * The encoding formula for the raster DEM tileset.
+   *
+   * @defaultValue "mapbox"
+   */
+  encoding?: "mapbox" | "terrarium";
+
+  children?: ReactNode;
+}
+
+/**
+ * RasterDEMSource is a map content source that supplies rasterized digital
+ * elevation model (DEM) tiles to be shown on the map. Use it together with a
+ * hillshade layer to visualize terrain.
+ */
+export const RasterDEMSource = memo(
+  ({ id, ...props }: RasterDEMSourceProps) => {
+    const frozenId = useFrozenId(id);
+
+    return (
+      <RasterDEMSourceNativeComponent id={frozenId} {...props}>
+        {cloneReactChildrenWithProps(props.children, {
+          source: frozenId,
+        })}
+      </RasterDEMSourceNativeComponent>
+    );
+  },
+);

package/src/components/sources/raster-dem-source/RasterDEMSourceNativeComponent.ts

@@ -0,0 +1,25 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type HostComponent,
+  type ViewProps,
+} from "react-native";
+
+type NativeDEMEncoding = "mapbox" | "terrarium";
+
+export interface NativeProps extends ViewProps {
+  id: string;
+  url?: string;
+  tiles?: string[];
+
+  tileSize?: CodegenTypes.WithDefault<CodegenTypes.Int32, 512>;
+  minzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
+  maxzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
+  attribution?: string;
+
+  encoding?: CodegenTypes.WithDefault<NativeDEMEncoding, "mapbox">;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  "MLRNRasterDEMSource",
+) as HostComponent<NativeProps>;

package/src/components/sources/raster-source/RasterSourceNativeComponent.ts

@@ -12,12 +12,12 @@ export interface NativeProps extends ViewProps {
   url?: string;
   tiles?: string[];
 
+  tileSize?: CodegenTypes.WithDefault<CodegenTypes.Int32, 512>;
   minzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
   maxzoom?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
-  scheme?: CodegenTypes.WithDefault<NativeScheme, "xyz">;
   attribution?: string;
 
-  tileSize?: CodegenTypes.WithDefault<CodegenTypes.Int32, 512>;
+  scheme?: CodegenTypes.WithDefault<NativeScheme, "xyz">;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/src/index.ts

@@ -60,6 +60,10 @@ export {
   type RasterSourceProps,
   RasterSource,
 } from "./components/sources/raster-source/RasterSource";
+export {
+  type RasterDEMSourceProps,
+  RasterDEMSource,
+} from "./components/sources/raster-dem-source/RasterDEMSource";
 
 export {
   type VectorSourceRef,
@@ -84,24 +88,25 @@ export {
 export type {
   // Layers
   LayerSpecification,
-  FillLayerSpecification,
-  LineLayerSpecification,
-  SymbolLayerSpecification,
+  BackgroundLayerSpecification,
   CircleLayerSpecification,
-  HeatmapLayerSpecification,
+  ColorReliefLayerSpecification,
+  FillLayerSpecification,
   FillExtrusionLayerSpecification,
-  RasterLayerSpecification,
+  HeatmapLayerSpecification,
   HillshadeLayerSpecification,
-  BackgroundLayerSpecification,
+  LineLayerSpecification,
+  RasterLayerSpecification,
+  SymbolLayerSpecification,
 
   // Sources
   SourceSpecification,
-  VectorSourceSpecification,
+  GeoJSONSourceSpecification,
+  ImageSourceSpecification,
   RasterSourceSpecification,
   RasterDEMSourceSpecification,
-  GeoJSONSourceSpecification,
+  VectorSourceSpecification,
   VideoSourceSpecification,
-  ImageSourceSpecification,
 
   // Filter
   FilterSpecification,