@nativescript-community/ui-mapbox 6.2.13 → 6.2.14

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.2.14](https://github.com/nativescript-community/ui-mapbox/compare/v6.2.13...v6.2.14) (2022-02-09)
+
+**Note:** Version bump only for package @nativescript-community/ui-mapbox
+
+
+
+
+
 ## [6.2.13](https://github.com/nativescript-community/ui-mapbox/compare/v6.2.12...v6.2.13) (2022-01-19)
 
 **Note:** Version bump only for package @nativescript-community/ui-mapbox

package/common.d.ts

@@ -120,11 +120,13 @@ export interface AddGeoJsonClusteredOptions {
     clusterRadius?: number;
     clusters?: MapboxCluster[];
 }
+export declare type LayerType = "fill" | "line" | "symbol" | "circle" | "heatmap" | "fill-extrusion" | "raster" | "hillshade" | "background" | "sky";
+export declare type SupportedLayerType = LayerType & ("line" | "circle" | "fill" | "symbol" | "raster");
 export interface AddLayerOptions {
     id: string;
     source: string;
     sourceLayer: string;
-    type: string;
+    type: SupportedLayerType;
     circleColor?: string | Color;
     circleOpacity?: number;
     circleRadius?: number;
@@ -167,6 +169,7 @@ export interface GeoJSONSource extends Source {
     data?: any;
     minzoom?: number;
     maxzoom?: number;
+    lineMetrics?: boolean;
     cluster?: {
         radius: any;
         maxZoom: any;
@@ -253,6 +256,7 @@ export interface LayerCommon {
     getNativeInstance(): any;
     setFilter(filter: any[]): void;
     getFilter(): any[];
+    type(): LayerType;
 }
 export interface MapboxCommonApi {
     requestFineLocationPermission(): Promise<any>;
@@ -330,6 +334,10 @@ export interface MapboxApi {
         x: number;
         y: number;
     };
+    projectBack(point: {
+        x: number;
+        y: number;
+    }): LatLng;
 }
 export declare abstract class MapboxCommon implements MapboxCommonApi {
     view?: MapboxViewCommonBase;
@@ -390,6 +398,7 @@ export interface MapboxViewApi {
     changeUserLocationMarkerMode(renderModeString: any, cameraModeString: UserLocationCameraMode): void;
     forceUserLocationUpdate(location: any): void;
     addSource(id: string, options: AddSourceOptions): Promise<any>;
+    updateSource(id: string, options: UpdateSourceOptions): Promise<any>;
     removeSource(id: string, nativeMap?: any): Promise<any>;
     addLayer(style: any, belowLayerId?: string): Promise<any>;
     removeLayer(id: string): Promise<any>;
@@ -411,6 +420,14 @@ export interface MapboxViewApi {
     onStop(): Promise<any>;
     onLowMemory(): Promise<any>;
     onDestroy(): Promise<any>;
+    project(data: LatLng): {
+        x: number;
+        y: number;
+    };
+    projectBack(screenCoordinate: {
+        x: number;
+        y: number;
+    }): LatLng;
 }
 export declare abstract class MapboxViewCommonBase extends ContentView implements MapboxViewApi {
     protected mapbox: MapboxApi;
@@ -473,6 +490,10 @@ export declare abstract class MapboxViewCommonBase extends ContentView implement
         x: number;
         y: number;
     };
+    projectBack(screenCoordinate: {
+        x: number;
+        y: number;
+    }): LatLng;
 }
 export declare const mapReadyProperty: Property<MapboxViewCommonBase, string>;
 export declare const zoomLevelProperty: Property<MapboxViewCommonBase, number>;

package/common.js

@@ -236,6 +236,9 @@ export class MapboxViewCommonBase extends ContentView {
     project(data) {
         return this.mapbox && this.mapbox.project(data);
     }
+    projectBack(screenCoordinate) {
+        return this.mapbox && this.mapbox.projectBack(screenCoordinate);
+    }
 }
 export const mapReadyProperty = new Property({ name: 'mapReady' });
 mapReadyProperty.register(MapboxViewCommonBase);

package/index.android.d.ts

@@ -138,4 +138,8 @@ export declare class Mapbox extends MapboxCommon implements MapboxApi {
         x: number;
         y: number;
     };
+    projectBack(screenCoordinate: {
+        x: number;
+        y: number;
+    }): LatLng;
 }

package/index.android.js

@@ -1850,6 +1850,9 @@ export class Mapbox extends MapboxCommon {
                         if (options.maxzoom) {
                             geojsonOptions.withMaxZoom(options.maxzoom);
                         }
+                        if (options.lineMetrics !== undefined) {
+                            geojsonOptions.withLineMetrics(options.lineMetrics);
+                        }
                         if (options.cluster) {
                             geojsonOptions
                                 .withCluster(true)
@@ -2490,5 +2493,13 @@ export class Mapbox extends MapboxCommon {
         const screenLocation = this._mapboxMapInstance.getProjection().toScreenLocation(mapboxPoint);
         return { x: Utils.layout.toDeviceIndependentPixels(screenLocation.x), y: Utils.layout.toDeviceIndependentPixels(screenLocation.y) };
     }
+    projectBack(screenCoordinate) {
+        const pointf = new android.graphics.PointF(screenCoordinate.x, screenCoordinate.y);
+        const coordinate = this._mapboxMapInstance.getProjection().fromScreenLocation(pointf);
+        return {
+            lat: coordinate.getLatitude(),
+            lng: coordinate.getLongitude()
+        };
+    }
 }
 //# sourceMappingURL=index.android.js.map

package/index.d.ts

@@ -97,4 +97,5 @@ export declare class Mapbox extends MapboxCommon implements MapboxApi {
         x: number;
         y: number;
     };
-}
+    projectBack(screenCoordinate: { x: number, y: number }): LatLng;
+}

package/index.ios.d.ts

@@ -95,4 +95,8 @@ export declare class Mapbox extends MapboxCommon implements MapboxApi {
         x: number;
         y: number;
     };
+    projectBack(screenCoordinate: {
+        x: number;
+        y: number;
+    }): LatLng;
 }

package/index.ios.js

@@ -2139,6 +2139,9 @@ export class Mapbox extends MapboxCommon {
                         if (options.maxzoom !== undefined) {
                             sourceOptions[MGLShapeSourceOptionMaximumZoomLevel] = options.maxzoom;
                         }
+                        if (options.lineMetrics !== undefined) {
+                            sourceOptions[MGLShapeSourceOptionLineDistanceMetrics] = options.lineMetrics;
+                        }
                         if (options.cluster) {
                             sourceOptions[MGLShapeSourceOptionClustered] = true;
                             sourceOptions[MGLShapeSourceOptionClusterRadius] = options.cluster.radius || 40;
@@ -2369,6 +2372,18 @@ export class Mapbox extends MapboxCommon {
         const { x, y } = theMap.convertCoordinateToPointToView({ latitude: data.lat, longitude: data.lng }, theMap);
         return { x, y };
     }
+    projectBack(screenCoordinate) {
+        const theMap = this._mapboxViewInstance;
+        const cgPoint = {
+            x: screenCoordinate.x,
+            y: screenCoordinate.y
+        };
+        const coordinate = theMap.convertPointToCoordinateFromView(cgPoint, theMap);
+        return {
+            lat: coordinate.latitude,
+            lng: coordinate.longitude
+        };
+    }
 }
 const _addObserver = (eventName, callback) => NSNotificationCenter.defaultCenter.addObserverForNameObjectQueueUsingBlock(eventName, null, NSOperationQueue.mainQueue, callback);
 function _downloadImage(marker) {

package/layers/layer-factory.android.d.ts

@@ -1,4 +1,4 @@
-import { LayerCommon } from '../common';
+import { LayerCommon, LayerType } from "../common";
 export declare class Layer implements LayerCommon {
     id: string;
     private instance;
@@ -11,6 +11,7 @@ export declare class Layer implements LayerCommon {
     getFilter(): any[];
     setProperty(name: string, value: any): void;
     getProperty(name: string): any;
+    type(): LayerType;
 }
 export declare class LayerFactory {
     static createLayer(style: any, source: any): Promise<LayerCommon>;

package/layers/layer-factory.android.js

@@ -30,6 +30,36 @@ export class Layer {
     getProperty(name) {
         return PropertyParser.propertyValueFromLayer(this.instance, name);
     }
+    type() {
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.FillLayer) {
+            return "fill";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.LineLayer) {
+            return "line";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.SymbolLayer) {
+            return "symbol";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.CircleLayer) {
+            return "circle";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.HeatmapLayer) {
+            return "heatmap";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.FillExtrusionLayer) {
+            return "fill-extrusion";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.RasterLayer) {
+            return "raster";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.HillshadeLayer) {
+            return "hillshade";
+        }
+        if (this.instance instanceof com.mapbox.mapboxsdk.style.layers.BackgroundLayer) {
+            return "background";
+        }
+        return null;
+    }
 }
 export class LayerFactory {
     static async createLayer(style, source) {

package/layers/layer-factory.d.ts

@@ -1,4 +1,4 @@
-import { LayerCommon } from '../common';
+import { LayerCommon, LayerType } from "../common"
 
 declare class LayerFactory {
     static createLayer(style, source): Promise<LayerCommon>;
@@ -16,4 +16,5 @@ export declare class Layer implements LayerCommon {
     getFilter(): any[];
     setProperty(name: string, value: any): void;
     getProperty(name: string): any;
-}
+    type(): LayerType;
+}

package/layers/layer-factory.ios.d.ts

@@ -1,4 +1,4 @@
-import { LayerCommon } from '../common';
+import { LayerCommon, LayerType } from "../common";
 export declare class LayerFactory {
     static createLayer(style: any, source: any): Promise<LayerCommon>;
     private static parseProperties;
@@ -6,7 +6,8 @@ export declare class LayerFactory {
 export declare class Layer implements LayerCommon {
     id: string;
     private instance;
-    constructor(instance: any);
+    constructor(instance: MGLStyleLayer);
+    type(): LayerType;
     visibility(): boolean;
     show(): void;
     hide(): void;

package/layers/layer-factory.ios.js

@@ -49,6 +49,36 @@ export class Layer {
         this.instance = instance;
         this.id = instance.identifier;
     }
+    type() {
+        if (this.instance instanceof MGLFillStyleLayer) {
+            return "fill";
+        }
+        if (this.instance instanceof MGLLineStyleLayer) {
+            return "line";
+        }
+        if (this.instance instanceof MGLSymbolStyleLayer) {
+            return "symbol";
+        }
+        if (this.instance instanceof MGLCircleStyleLayer) {
+            return "circle";
+        }
+        if (this.instance instanceof MGLHeatmapStyleLayer) {
+            return "heatmap";
+        }
+        if (this.instance instanceof MGLFillExtrusionStyleLayer) {
+            return "fill-extrusion";
+        }
+        if (this.instance instanceof MGLRasterStyleLayer) {
+            return "raster";
+        }
+        if (this.instance instanceof MGLHillshadeStyleLayer) {
+            return "hillshade";
+        }
+        if (this.instance instanceof MGLBackgroundStyleLayer) {
+            return "background";
+        }
+        return null;
+    }
     visibility() {
         return this.instance.visible;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript-community/ui-mapbox",
-    "version": "6.2.13",
+    "version": "6.2.14",
     "description": "Interactive, thoroughly customizable maps powered by vector tiles and OpenGL.",
     "main": "index",
     "typings": "index.d.ts",
@@ -54,5 +54,5 @@
     "dependencies": {
         "@nativescript-community/perms": "^2.2.0"
     },
-    "gitHead": "e6c89b9d4b3505ecdb5864fd58c01721a3b572ff"
+    "gitHead": "f3399295d88474fe637cacc301445c977a91540d"
 }