diff --git a/docs/Annotation.md b/docs/Annotation.md index e64be37a..dcf6acdb 100644 --- a/docs/Annotation.md +++ b/docs/Annotation.md @@ -1,5 +1,5 @@ -## +## ### ### props @@ -12,7 +12,7 @@ | children | `ReactElement \| ReactElement[]` | `none` | `false` | FIX ME NO DESCRIPTION | | style | `object` | `none` | `false` | FIX ME NO DESCRIPTION | | icon | `string \| number \| object` | `none` | `false` | FIX ME NO DESCRIPTION | -| animationEasingFunction | `FIX ME UNKNOWN TYPE` | `Easing.linear` | `false` | FIX ME NO DESCRIPTION | +| animationEasingFunction | `EasingFunction = (value: number)` | `Easing.linear` | `false` | FIX ME NO DESCRIPTION | ### methods #### onPress(event) diff --git a/docs/Annotations.md b/docs/Annotations.md index 1c214fa2..4f69911a 100644 --- a/docs/Annotations.md +++ b/docs/Annotations.md @@ -1,4 +1,4 @@ -Comparsion of various annotations available in MapLibre React Native: +Comparsion of various annotations available in Vietmap React Native: |*Feature* | *SymbolLayer* |*PointAnnotation* |*MarkerView* |*CircleLayer* | |-----------------------|--------------------|--------------------------------------|-------------------------|---------------------| @@ -8,5 +8,3 @@ Comparsion of various annotations available in MapLibre React Native: |Control Z-index | ✓ |iOS: always on top, android: n/a |always on top | ✓ | |Clustering | ✓ | | | ✓ | |Style with expressions | ✓ | | | ✓ | -|iOS implementation | [MGLSymbolStyleLayer](https://maplibre.org/maplibre-gl-native/ios/api/Classes/MGLSymbolStyleLayer.html) |[MGLAnnotationView](https://maplibre.org/maplibre-gl-native/ios/api/Classes/MGLAnnotationView.html) |[MGLAnnotationView](https://maplibre.org/maplibre-gl-native/ios/api/Classes/MGLAnnotationView.html) |[MGLCircleStyleLayer](https://maplibre.org/maplibre-gl-native/ios/api/Classes/MGLCircleStyleLayer.html) | -|android implementation | [SymbolLayer](https://maplibre.org/maplibre-gl-native/android/api/com/mapbox/mapboxsdk/style/layers/SymbolLayer.html)|[annotation.Symbol](https://docs.mapbox.com/android/api/plugins/annotation/0.8.0/com/mapbox/mapboxsdk/plugins/annotation/Symbol.html)|[annotation.Marker](https://docs.mapbox.com/android/api/plugins/markerview/0.4.0/com/mapbox/mapboxsdk/plugins/markerview/MarkerView.html) |[CircleLayer](https://maplibre.org/maplibre-gl-native/android/api/com/mapbox/mapboxsdk/style/layers/CircleLayer.html)| diff --git a/docs/BackgroundLayer.md b/docs/BackgroundLayer.md index 9f81c38f..ef14e9a5 100644 --- a/docs/BackgroundLayer.md +++ b/docs/BackgroundLayer.md @@ -1,5 +1,5 @@ -## +## ### ### props diff --git a/docs/Callout.md b/docs/Callout.md index e815f225..a6b0edfe 100644 --- a/docs/Callout.md +++ b/docs/Callout.md @@ -1,5 +1,5 @@ -## +## ### Callout that displays information about a selected annotation near the annotation. ### props diff --git a/docs/Camera.md b/docs/Camera.md index 1bdab63a..ce9a488c 100644 --- a/docs/Camera.md +++ b/docs/Camera.md @@ -1,11 +1,11 @@ -## +## ### ### props | Prop | Type | Default | Required | Description | | ---- | :--: | :-----: | :------: | :----------: | -| centerCoordinate | `GeoJSON.Position` | `none` | `false` | The location on which the map should center. | +| centerCoordinate | `GeoJSON.Position` | `none` | `false` | The location on which the map should center.
Input with [lng, lat] format. | | bounds | `CameraBoundsWithPadding` | `none` | `false` | The corners of a box around which the map should bound. Contains padding props for backwards
compatibility; the root `padding` prop should be used instead. | | heading | `number` | `none` | `false` | The heading (orientation) of the map. | | pitch | `number` | `none` | `false` | The pitch of the map. | diff --git a/docs/CircleLayer.md b/docs/CircleLayer.md index 08756fee..af6be66d 100644 --- a/docs/CircleLayer.md +++ b/docs/CircleLayer.md @@ -1,12 +1,12 @@ -## +## ### CircleLayer is a style layer that renders one or more filled circles on the map. ### props | Prop | Type | Default | Required | Description | | ---- | :--: | :-----: | :------: | :----------: | | style | `CircleLayerStyleProps` | `none` | `false` | Customizable style attributes | -| sourceID | `FIX ME UNKNOWN TYPE` | `VietmapGL.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | +| sourceID | `FIX ME UNKNOWN TYPE` | `Vietmap.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | ### styles diff --git a/docs/CustomHttpHeaders.md b/docs/CustomHttpHeaders.md index 6286cd75..88bbf906 100644 --- a/docs/CustomHttpHeaders.md +++ b/docs/CustomHttpHeaders.md @@ -54,13 +54,13 @@ You can add and remove headers at runtime. #### To add a header ```javascript - MapLibreGL.addCustomHeader('Authorization', '{auth header}'); + Vietmap.addCustomHeader('Authorization', '{auth header}'); ``` #### To remove a header ```javascript - MapLibreGL.removeCustomHeader('Authorization'); + Vietmap.removeCustomHeader('Authorization'); ``` #### Working example @@ -68,15 +68,15 @@ You can add and remove headers at runtime. ```javascript export default class HelloWorldApp extends Component { componentDidMount () { - MapLibreGL.addCustomHeader('Authorization', '{auth header}'); + Vietmap.addCustomHeader('Authorization', '{auth header}'); } render () { - MapLibreGL.addCustomHeader('X-Some-Header', 'my-value'); + Vietmap.addCustomHeader('X-Some-Header', 'my-value'); return ( - diff --git a/docs/FillExtrusionLayer.md b/docs/FillExtrusionLayer.md index eefd2c31..9d5441de 100644 --- a/docs/FillExtrusionLayer.md +++ b/docs/FillExtrusionLayer.md @@ -1,12 +1,12 @@ -## +## ### FillExtrusionLayer is a style layer that renders one or more 3D extruded polygons on the map. ### props | Prop | Type | Default | Required | Description | | ---- | :--: | :-----: | :------: | :----------: | | style | `FillExtrusionLayerStyleProps` | `none` | `false` | Customizable style attributes | -| sourceID | `FIX ME UNKNOWN TYPE` | `VietmapGL.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | +| sourceID | `FIX ME UNKNOWN TYPE` | `Vietmap.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | ### styles diff --git a/docs/FillLayer.md b/docs/FillLayer.md index 4a38adf7..bfd8b3fc 100644 --- a/docs/FillLayer.md +++ b/docs/FillLayer.md @@ -1,12 +1,12 @@ -## +## ### FillLayer is a style layer that renders one or more filled (and optionally stroked) polygons on the map. ### props | Prop | Type | Default | Required | Description | | ---- | :--: | :-----: | :------: | :----------: | | style | `FillLayerStyleProps` | `none` | `false` | Customizable style attributes | -| sourceID | `FIX ME UNKNOWN TYPE` | `VietmapGL.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | +| sourceID | `FIX ME UNKNOWN TYPE` | `Vietmap.StyleSource.DefaultSourceID` | `false` | FIX ME NO DESCRIPTION | ### styles diff --git a/docs/GettingStarted.md b/docs/GettingStarted.md index d3ac21ad..3d7d1685 100644 --- a/docs/GettingStarted.md +++ b/docs/GettingStarted.md @@ -61,7 +61,7 @@ import Vietmap from '@maplibre/maplibre-react-native'; // Will be null for most users (only Vietmap authenticates this way). // Required on Android. See Android installation notes. -MapLibreGL.setAccessToken(null); +Vietmap.setAccessToken(null); const styles = StyleSheet.create({ page: { diff --git a/docs/HeadingIndicator.md b/docs/HeadingIndicator.md index d3c03b73..30b887fe 100644 --- a/docs/HeadingIndicator.md +++ b/docs/HeadingIndicator.md @@ -1,5 +1,5 @@ -## +## ### ### props diff --git a/docs/HeatmapLayer.md b/docs/HeatmapLayer.md index 3765bab8..af19c688 100644 --- a/docs/HeatmapLayer.md +++ b/docs/HeatmapLayer.md @@ -1,5 +1,5 @@ -## +## ### HeatmapLayer is a style layer that renders one or more filled circles on the map. ### props diff --git a/docs/ImageSource.md b/docs/ImageSource.md index cc0e80cb..18a5b143 100644 --- a/docs/ImageSource.md +++ b/docs/ImageSource.md @@ -1,5 +1,5 @@ -## +## ### ImageSource is a content source that is used for a georeferenced raster image to be shown on the map.
The georeferenced image scales and rotates as the user zooms and rotates the map ### props diff --git a/docs/Images.md b/docs/Images.md index 57a1e8d9..12716cdd 100644 --- a/docs/Images.md +++ b/docs/Images.md @@ -1,5 +1,5 @@ -## +## ### Images defines the images used in Symbol etc layers ### props diff --git a/docs/Light.md b/docs/Light.md index 8f3a4e8a..57a779c8 100644 --- a/docs/Light.md +++ b/docs/Light.md @@ -1,5 +1,5 @@ -## +## ### Light represents the light source for extruded geometries ### props diff --git a/docs/LineLayer.md b/docs/LineLayer.md index 7627be86..3eabfaa0 100644 --- a/docs/LineLayer.md +++ b/docs/LineLayer.md @@ -1,5 +1,5 @@ -## +## ### LineLayer is a style layer that renders one or more stroked polylines on the map. ### props diff --git a/docs/MapView.md b/docs/MapView.md index 6c57438a..48c05f35 100644 --- a/docs/MapView.md +++ b/docs/MapView.md @@ -1,5 +1,5 @@ -## +## ### MapView backed by Vietmap GL Native ### props diff --git a/docs/MarkerView.md b/docs/MarkerView.md index 1c8e68c6..c287201a 100644 --- a/docs/MarkerView.md +++ b/docs/MarkerView.md @@ -1,5 +1,5 @@ -## +## ### MarkerView allows you to place a interactive react native marker to the map.

If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance
.
This is based on [MakerView plugin](https://docs.mapbox.com/android/plugins/overview/markerview/) on Android
and PointAnnotation on iOS. ### props diff --git a/docs/NativeUserLocation.md b/docs/NativeUserLocation.md index 53ff3562..c9fe3c7a 100644 --- a/docs/NativeUserLocation.md +++ b/docs/NativeUserLocation.md @@ -1,5 +1,5 @@ -## +## ### ### props diff --git a/docs/OfflineManager.md b/docs/OfflineManager.md index 8b1f29db..5da2581b 100644 --- a/docs/OfflineManager.md +++ b/docs/OfflineManager.md @@ -1,5 +1,5 @@ -## +## ### OfflineManager implements a singleton (shared object) that manages offline packs.
All of this class’s instance methods are asynchronous, reflecting the fact that offline resources are stored in a database.
The shared object maintains a canonical collection of offline packs. diff --git a/docs/PointAnnotation.md b/docs/PointAnnotation.md index ce932845..2ce91942 100644 --- a/docs/PointAnnotation.md +++ b/docs/PointAnnotation.md @@ -1,5 +1,5 @@ -## +## ### PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.

Consider using ShapeSource and SymbolLayer instead, if you have many points and you have static images,
they'll offer much better performance

.
If you need interctive views please use MarkerView,
as with PointAnnotation on Android child views are rendered onto a bitmap for better performance. ### props diff --git a/docs/RasterLayer.md b/docs/RasterLayer.md index 7815b4d5..21c411d9 100644 --- a/docs/RasterLayer.md +++ b/docs/RasterLayer.md @@ -1,5 +1,5 @@ -## +## ### ### props diff --git a/docs/RasterSource.md b/docs/RasterSource.md index df4757b1..94b41ad2 100644 --- a/docs/RasterSource.md +++ b/docs/RasterSource.md @@ -1,5 +1,5 @@ -## +## ### RasterSource is a map content source that supplies raster image tiles to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary
or by an external file that conforms to the TileJSON specification. ### props diff --git a/docs/ShapeSource.md b/docs/ShapeSource.md index 8497e3e7..0c7d3792 100644 --- a/docs/ShapeSource.md +++ b/docs/ShapeSource.md @@ -1,5 +1,5 @@ -## +## ### ShapeSource is a map content source that supplies vector shapes to be shown on the map.
The shape may be a url or a GeoJSON object ### props diff --git a/docs/Style.md b/docs/Style.md index d014da66..f4571734 100644 --- a/docs/Style.md +++ b/docs/Style.md @@ -1,5 +1,5 @@ -## +## ### Style is a component that automatically adds sources / layers to the map using Vietmap Style Spec.
Only [`sources`](https://maplibre.org/maplibre-gl-js-docs/style-spec/sources/) & [`layers`](https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/) are supported.
Other fields such as `sprites`, `glyphs` etc. will be ignored. Not all layer / source attributes from the style spec are supported, in general the supported attributes will be mentioned under https://github.com/maplibre/maplibre-react-native/tree/main/docs.

TODO: Maintainer forking this project does not understand the above comment regarding what is supported. ### props diff --git a/docs/StyleSheet.md b/docs/StyleSheet.md index 42a7e898..3c7ea383 100644 --- a/docs/StyleSheet.md +++ b/docs/StyleSheet.md @@ -3,7 +3,7 @@ ### Stylesheet is now a JS object, see [CHANGELOG.md](../CHANGELOG.md) for more details -See (MapLibre expression specs)[https://maplibre.org/maplibre-gl-js-docs/style-spec/expressions/] for reference on expressions. +See (Vietmap expression specs)[https://maplibre.org/maplibre-gl-js-docs/style-spec/expressions/] for reference on expressions. ### Style functions @@ -38,18 +38,18 @@ old: ```js // color would change based on zoom level keys. -MapLibreGL.StyleSheet.camera({ +Vietmap.StyleSheet.camera({ 0: 'blue', 10: 'green', 20: 'yellow', -}, MapLibreGL.InterpolationMode.Exponential); +}, Vietmap.InterpolationMode.Exponential); // Example of use inside stylesheet -MapLibreGL.StyleSheet.create({ - fillColor: MapLibreGL.StyleSheet.camera({ +Vietmap.StyleSheet.create({ + fillColor: Vietmap.StyleSheet.camera({ 15: 'blue', 20: 'green', - }, MapLibreGL.InterpolationMode.Interval), + }, Vietmap.InterpolationMode.Interval), }); ``` @@ -89,23 +89,23 @@ old: ```js // would color the layer based the property rating=[1, 5] -MapLibreGL.StyleSheet.source([ +Vietmap.StyleSheet.source([ [1, 'red'], [2, 'orange'], [3, 'yellow'], [4, 'yellowgreen'], [5, 'green'], -], 'rating', MapLibreGL.InterpolationMode.Categorical); +], 'rating', Vietmap.InterpolationMode.Categorical); // Example of use inside stylesheet -MapLibreGL.StyleSheet.create({ - circleColor: MapLibreGL.StyleSheet.source([ +Vietmap.StyleSheet.create({ + circleColor: Vietmap.StyleSheet.source([ [1, 'red'], [2, 'orange'], [3, 'yellow'], [4, 'yellowgreen'], [5, 'green'], - ], 'rating', MapLibreGL.InterpolationMode.Categorical), + ], 'rating', Vietmap.InterpolationMode.Categorical), }); ``` @@ -158,20 +158,20 @@ old: ```js // would change based on the zoom level and rating value // {zoom_level}: [{value}, {style_value}] -MapLibreGL.StyleSheet.composite({ +Vietmap.StyleSheet.composite({ 0: [0, 0], 0: [5, 5], 20: [0, 0], 20: [5, 20], -}, 'rating', MapLibreGL.InterpolationMode.Interval); +}, 'rating', Vietmap.InterpolationMode.Interval); -MapLibreGL.StyleSheet.create({ - circleRadius: MapLibreGL.StyleSheet.composite({ +Vietmap.StyleSheet.create({ + circleRadius: Vietmap.StyleSheet.composite({ 0: [0, 0], 0: [5, 5], 20: [0, 0], 20: [5, 20], - }, 'rating', MapLibreGL.InterpolationMode.Interval), + }, 'rating', Vietmap.InterpolationMode.Interval), }); ``` @@ -191,8 +191,8 @@ new: old: ```js -MapLibreGL.StyleSheet.create({ - fillExtrusionHeight: MapLibreGL.StyleSheet.identity('height'), +Vietmap.StyleSheet.create({ + fillExtrusionHeight: Vietmap.StyleSheet.identity('height'), }); ``` @@ -213,8 +213,8 @@ const styles = { ... - - + + ``` ```js @@ -262,24 +262,24 @@ const layerStyles = { ... - - - ``` ```javascript -const layerStyles = MapLibreGL.StyleSheet.create({ +const layerStyles = Vietmap.StyleSheet.create({ building: { fillExtrusionOpacity: 1, fillExtrusionHeight: ['get', 'height'], @@ -307,10 +307,10 @@ const layerStyles = MapLibreGL.StyleSheet.create({ 0.50, lineJoin : - MapLibreGL.LineJoin.Round, + Vietmap.LineJoin.Round, lineCap : - MapLibreGL.LineCap.Round, + Vietmap.LineCap.Round, lineDasharray : [2, 2], @@ -321,12 +321,12 @@ const layerStyles = MapLibreGL.StyleSheet.create({ ... - - - ``` ```js -const layerStyles = MapLibreGL.StyleSheet.create({ +const layerStyles = Vietmap.StyleSheet.create({ singlePoint: { circleColor: 'green', circleOpacity: 0.84, @@ -367,20 +367,20 @@ const layerStyles = MapLibreGL.StyleSheet.create({ }, clusteredPoints: { - circleColor: MapLibreGL.StyleSheet.source([ + circleColor: Vietmap.StyleSheet.source([ [25, 'yellow'], [50, 'red'], [75, 'blue'], [100, 'orange'], [300, 'pink'], [750, 'white'], - ], 'point_count', MapLibreGL.InterpolationMode.Exponential), + ], 'point_count', Vietmap.InterpolationMode.Exponential), - circleRadius: MapLibreGL.StyleSheet.source([ + circleRadius: Vietmap.StyleSheet.source([ [0, 15], [100, 20], [750, 30], - ], 'point_count', MapLibreGL.InterpolationMode.Exponential), + ], 'point_count', Vietmap.InterpolationMode.Exponential), circleOpacity: 0.84, circleStrokeWidth: 2, @@ -395,53 +395,53 @@ const layerStyles = MapLibreGL.StyleSheet.create({ ... - - - ``` ```javascript -const layerStyles = MapLibreGL.StyleSheet.create({ +const layerStyles = Vietmap.StyleSheet.create({ building: { fillExtrusionOpacity: 1, - fillExtrusionHeight: MapLibreGL.StyleSheet.identity('height'), - fillExtrusionBase: MapLibreGL.StyleSheet.identity('min_height'), - fillExtrusionColor: MapLibreGL.StyleSheet.source([ + fillExtrusionHeight: Vietmap.StyleSheet.identity('height'), + fillExtrusionBase: Vietmap.StyleSheet.identity('min_height'), + fillExtrusionColor: Vietmap.StyleSheet.source([ [0, 'white'], [50, 'blue'], [100, 'red'], - ], 'height', MapLibreGL.InterpolationMode.Exponential), + ], 'height', Vietmap.InterpolationMode.Exponential), fillExtrusionColorTransition: { duration: 2000, delay: 0 }, }, streets: { lineColor: 'blue', lineWidth: 2, lineOpacity: 0.50, - lineJoin: MapLibreGL.LineJoin.Round, - lineCap: MapLibreGL.LineCap.Round, + lineJoin: Vietmap.LineJoin.Round, + lineCap: Vietmap.LineCap.Round, lineDasharray: [2, 2], }, }); ... - - -## +## ### SymbolLayer is a style layer that renders icon and text labels at points or along lines on the map. ### props diff --git a/docs/UserLocation.md b/docs/UserLocation.md index bbfd185b..9c116781 100644 --- a/docs/UserLocation.md +++ b/docs/UserLocation.md @@ -1,5 +1,5 @@ -## +## ### ### props diff --git a/docs/VectorSource.md b/docs/VectorSource.md index f4d5a1ee..68f1f187 100644 --- a/docs/VectorSource.md +++ b/docs/VectorSource.md @@ -1,5 +1,5 @@ -## +## ### VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification. ### props diff --git a/docs/MapLibreGL.md b/docs/Vietmap.md similarity index 72% rename from docs/MapLibreGL.md rename to docs/Vietmap.md index 48179c6d..19e0c0aa 100644 --- a/docs/MapLibreGL.md +++ b/docs/Vietmap.md @@ -1,4 +1,4 @@ -## MapLibreGL +## Vietmap ### ### methods @@ -7,22 +7,10 @@ ##### arguments | Name | Type | Required | Description | | ---- | :--: | :------: | :----------: | -| `accessToken` | `String` | `Yes` | access token to pull Mapbox-hosted tiles; can be `null` for other tile hosts | +| `accessToken` | `String` | `Yes` | Provide null value like this code: `Vietmap.setAccessToken(null)` | ##### Description -sets the accessToken, which is required when you want to use mapbox tiles -not required when using other tiles - -#### getAccessToken() - -##### arguments -| Name | Type | Required | Description | -| ---- | :--: | :------: | :----------: | -| `accessToken` | `String` | `Yes` | access token to pull Mapbox-hosted tiles; can be `null` if for other tile hosts | - -##### Description -gets the accessToken - +sets the accessToken, which is not required when using Vietmap tiles #### addCustomHeader(headerName, headerValue) diff --git a/docs/coordinates.md b/docs/coordinates.md index 0db81f45..376896f4 100644 --- a/docs/coordinates.md +++ b/docs/coordinates.md @@ -1,5 +1,5 @@ -## +## ### Coorinates sent by locationManager diff --git a/docs/docs.json b/docs/docs.json index ca75326a..cd4d1bf2 100644 --- a/docs/docs.json +++ b/docs/docs.json @@ -445,7 +445,7 @@ "required": false, "type": "GeoJSON.Position", "default": "none", - "description": "The location on which the map should center." + "description": "The location on which the map should center. \nInput with [lng, lat] format." }, { "name": "bounds", @@ -2855,7 +2855,7 @@ "type": "boolean", "values": [], "default": false, - "description": "If true, the symbols will not cross tile edges to avoid mutual collisions. Recommended in layers that don't have enough padding in the vector tile to prevent collisions, or if it is a point symbol layer placed after a line symbol layer. When using a client that supports global collision detection, like Vietmap GL JS version 0.42.0 or greater, enabling this property is not needed to prevent clipped labels at tile boundaries.", + "description": "If true, the symbols will not cross tile edges to avoid mutual collisions. Recommended in layers that don't have enough padding in the vector tile to prevent collisions, or if it is a point symbol layer placed after a line symbol layer. When using a client that supports global collision detection, like MapLibre GL JS version 0.42.0 or greater, enabling this property is not needed to prevent clipped labels at tile boundaries.", "requires": [], "disabledBy": [], "allowedFunctionTypes": [], diff --git a/docs/location.md b/docs/location.md index c9bc5645..a6e79573 100644 --- a/docs/location.md +++ b/docs/location.md @@ -1,5 +1,5 @@ -## +## ### Location sent by locationManager diff --git a/docs/snapshotManager.md b/docs/snapshotManager.md index 73fb588e..00b3d7e4 100644 --- a/docs/snapshotManager.md +++ b/docs/snapshotManager.md @@ -1,5 +1,5 @@ -## +## ### The snapshotManager generates static raster images of the map.
Each snapshot image depicts a portion of a map defined by an SnapshotOptions object you provide.
The snapshotter generates the snapshot asynchronous. diff --git a/scripts/templates/MaplibreStyles.ts.ejs b/scripts/templates/VietmapStyles.ts.ejs similarity index 100% rename from scripts/templates/MaplibreStyles.ts.ejs rename to scripts/templates/VietmapStyles.ts.ejs