@nativescript-community/ui-mapbox 6.2.10 → 6.2.14

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 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
+
+
+
+
+
+## [6.2.12](https://github.com/nativescript-community/ui-mapbox/compare/v6.2.11...v6.2.12) (2022-01-17)
+
+**Note:** Version bump only for package @nativescript-community/ui-mapbox
+
+
+
+
+
+## [6.2.11](https://github.com/nativescript-community/ui-mapbox/compare/v6.2.10...v6.2.11) (2022-01-09)
+
+
+### Bug Fixes
+
+* add okhttp implementation ([f73304f](https://github.com/nativescript-community/ui-mapbox/commit/f73304faf9fae447bf0e56c794ed818d2357d887))
+* downgrade iOS Mapbox version ([3aa8196](https://github.com/nativescript-community/ui-mapbox/commit/3aa8196259497799a2f8c1019b0210b9834bb2cf))
+
+
+
+
+
 ## [6.2.10](https://github.com/nativescript-community/ui-mapbox/compare/v6.2.9...v6.2.10) (2021-09-28)
 
 **Note:** Version bump only for package @nativescript-community/ui-mapbox

package/README.md

@@ -1,93 +1,127 @@
-<a href="https://www.mapbox.com">
-  <img src="https://raw.githubusercontent.com/nativescript-community/ui-mapbox/master/screenshots/mapbox_logo.png" width="400"/>
-</a>
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-mapbox</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-mapbox?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-mapbox.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-mapbox"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-mapbox.svg" height="20"/></a>
+	</p>
+
+<p align="center">
+  <b>Interactive, thoroughly customizable maps powered by vector tiles and OpenGL.</b></br>
+  <sub><sub>
+</p>
+
+<br />
+
+
+
+[](#table-of-contents)
+
+## Table of Contents
+
+* [Prerequisites](#prerequisites)
+* [Installation](#installation)
+* [Configuration](#configuration)
+* [Issues](#issues)
+* [Usage](#usage)
+	* [XML](#xml)
+	* [Angular](#angular)
+* [API](#api)
+* [Markers](#markers)
+* [Viewport](#viewport)
+* [Declaring Programmatically](#declaring-programmatically)
+* [Methods](#methods)
+	* [show](#show)
+	* [hide](#hide)
+	* [unhide](#unhide)
+	* [destroy 💥](#destroy-)
+	* [setMapStyle](#setmapstyle)
+	* [addMarkers](#addmarkers)
+	* [Updating markers](#updating-markers)
+	* [removeMarkers](#removemarkers)
+	* [setViewport](#setviewport)
+	* [getViewport](#getviewport)
+	* [setCenter](#setcenter)
+	* [getCenter](#getcenter)
+	* [setZoomLevel](#setzoomlevel)
+	* [getZoomLevel](#getzoomlevel)
+	* [animateCamera](#animatecamera)
+	* [setTilt (Android only)](#settilt-android-only)
+	* [getTilt (Android only)](#gettilt-android-only)
+	* [getUserLocation](#getuserlocation)
+	* [trackUser](#trackuser)
+	* [addSource](#addsource)
+	* [removeSource](#removesource)
+	* [addLayer](#addlayer)
+	* [removeLayer](#removelayer)
+	* [queryRenderedFeatures](#queryrenderedfeatures)
+	* [querySourceFeatures](#querysourcefeatures)
+	* [addLinePoint](#addlinepoint)
+	* [addPolygon (**deprecated**, use addLayer() instead)](#addpolygon-deprecated-use-addlayer-instead)
+	* [removePolygons](#removepolygons)
+	* [addPolyline](#addpolyline)
+	* [removePolylines](#removepolylines)
+	* [setOnMapClickListener](#setonmapclicklistener)
+	* [setOnMapLongClickListener](#setonmaplongclicklistener)
+	* [setOnScrollListener](#setonscrolllistener)
+* [Offline maps](#offline-maps)
+	* [downloadOfflineRegion](#downloadofflineregion)
+		* [Advanced example: download the current viewport](#advanced-example-download-the-current-viewport)
+	* [listOfflineRegions](#listofflineregions)
+	* [deleteOfflineRegion](#deleteofflineregion)
+* [Permissions](#permissions)
+	* [hasFineLocationPermission / requestFineLocationPermission](#hasfinelocationpermission--requestfinelocationpermission)
+* [Using marker images from the internet](#using-marker-images-from-the-internet)
+* [Demos and Development](#demos-and-development)
+	* [Setup](#setup)
+	* [Build](#build)
+	* [Demos](#demos)
+* [Questions](#questions)
+
+
+[](#prerequisites)
+
+## Prerequisites
 
-# NativeScript Mapbox plugin
-
-[npm-image]:http://img.shields.io/npm/v/@nativescript-community/ui-mapbox.svg
-[npm-url]:https://npmjs.org/package/@nativescript-community/ui-mapbox
-[downloads-image]:http://img.shields.io/npm/dm/@nativescript-community/ui-mapbox.svg
-
-Awesome native OpenGL-powered maps - by Mapbox
-
-<img src="https://raw.githubusercontent.com/nativescript-community/ui-mapbox/master/screenshots/ios-demoapp-slice.png" width="375px" height="196px" />
-
-
-# WARNING
-
-As we switched to a community managed plugin we upgraded the version of the Mapbox SDKs. Though starting from iOS SDK 6.0 and android SDK 9.0 they need special handling for downloading the SDK:
-[iOS](https://docs.mapbox.com/ios/maps/overview/#configure-credentials)
-
-[Android](https://docs.mapbox.com/android/maps/overview/#configure-credentials)
-
-On android the plugin default to 8.x. You can change it by creating a `before-plugins.gradle` in `App_Resources/Android` with (showing current versions):
-```
-ext {
-    okHttpVersion = "3.12.10"
-    def mapboxVersion =  "8.6.6"
-    def mapboxTelemetryVersion =  "6.1.0"
-    def mapboxPluginsVersion =  "v9"
-    def mapboxAnnotationPluginVersion =  "0.9.0"
-    def mapboxGesturesVersion =  "0.7.0"
-}
-
-```
-
-On iOS we dont force anything so it will get the latest one. If you want to change it create a `Podfile` in `App_Resources/iOS` with (see demo app):
-```
-pod 'Mapbox-iOS-SDK', '~> 5.1.1'
-```
-
-
-## Before you begin - Prerequisites
 You either need your own tile server such as the one provided by [openmaptiles.org](https://openmaptiles.org) or a Mapbox API access token (they have a 🆓 Starter plan!), so [sign up with Mapbox](https://www.mapbox.com/signup/).
 Once you've registered go to your Account > Apps > New token. The 'Default Secret Token' is what you'll need.
 
-You will also need to set up your development environment. Please refer to the [NativeScript documentation](https://docs.nativescript.org/start/quick-setup).
-
-# Installation
-
-```
-$ ns plugin install @nativescript-community/ui-mapbox
-```
-
-# DEMOS
-
-Two demo applications are available in the repository. 
-
-To run them, you'll need to clone the github repository and build the plugin. See below.
+
+[](#installation)
+
+## Installation
+Run the following command from the root of your project:
 
-You will also need an access token. Your access_token can then be set in the top level mapbox_config.ts file.
+`ns plugin add @nativescript-community/ui-mapbox`
 
-The style can be set to one of the Mapbox style names or it can be the URL of your own hosted tile server.
+
+[](#configuration)
+
+## Configuration
 
-> NOTE: As of this writing, the NativeScript demo only works with a mapbox token. The demo-angular will work with either a self hosted tile server or a mapbox token.
-
-## Demo prerequisites
-```
-npm i
-npm run setup
-```
-
-
-## To run the Angular demo
-
-```
-npm run build
-cd ./demo-angular
-ns run <platform>
-```
-
-## To run the plain Nativescript demo
-```
-npm run build
-cd ./demo
-ns run <platform>
-```
-
-## Roadmap
-[https://github.com/orgs/nativescript-community/projects/4](https://github.com/orgs/nativescript-community/projects/4)
+Add any other additional configuration instructions here.
 
+
+[](#issues)
+
 ## Issues
 
 If you get an error during iOS build related to Podspec versions, probably the easiest fix is:
@@ -101,23 +135,17 @@ On Android the plugin adds this to the `<application>` node of `app/App_Resource
 
 If you get an error related to `TelemetryService` then please check it's there.
 
+
+[](#usage)
+
 ## Usage
 
-### Demo app (XML + TypeScript)
-If you want a quickstart, see the demo in this repository.
-It shows you how to draw a map in XML and JS with almost all possible options.
-
-### Demo app (Angular)
-There is also the beginnings of an Angular demo in demo-angular in this repository.
-
-## Declaring a map in the view
-
 ### XML
 You can instantiate a map from JS or TS. As the map is yet another view component it will play nice with any NativeScript layout you throw it in. You can also easily add multiple maps to the same page or to different pages in any layout you like.
 
 A simple layout could look like this:
 
-<img src="https://raw.githubusercontent.com/nativescript-community/ui-mapbox/master/screenshots/ios-xml-declared.png" width="373px" height="361px" />
+<img src="https://raw.githubusercontent.com/nativescript-community/ui-mapbox/master/images/ios-xml-declared.png" width="373px" height="361px" />
 
 Could be rendered by a definition like this:
 
@@ -144,7 +172,7 @@ Could be rendered by a definition like this:
 Component:
 
 ```typescript
-import { registerElement } from "nativescript-angular/element-registry";
+import { registerElement } from '@nativescript/angular';
 registerElement("Mapbox", () => require("@nativescript-community/ui-mapbox").MapboxView);
 ```
 
@@ -169,7 +197,10 @@ View:
   </ContentView>
 ```
 
-### Available XML/Angular options
+
+[](#api)
+
+## API
 All currently supported options for your XML based map are (__don't__ use other properties - if you need styling wrap the map in a `ContentView` and apply things like `width` to that container!):
 
 |option|default|description
@@ -189,11 +220,15 @@ All currently supported options for your XML based map are (__don't__ use other
 |`disableScroll`|false|Don't allow the user to move the center of the map (one finger drag)
 |`disableTilt`|false|Don't allow the user to tilt the map (two finger drag up or down)
 |`mapReady`|-|The name of a callback function you can declare to interact with the map after it has been drawn
-|`moveBeginEvent`|-|The name of a function to be called when the map is moved.
+|`moveBeginEvent`|-|The name of a function to be called when the map has begun to move.
+|`moveEndEvent`|-|The name of a function to be called when the map has completed moving.
 |`locationPermissionGranted`|-|The name of a callback function you can declare to get notified when the user granted location permissions
 |`locationPermissionDenied`|-|The name of a callback function you can declare to get notified when the user denied location permissions (will never fire on iOS because there's nothing to deny)
 
-### Want to add markers?
+
+[](#markers)
+
+## Markers
 This is where that last option in the table above comes in - `mapReady`.
 It allows you to interact with the map after it has been drawn to the page.
 
@@ -223,7 +258,10 @@ function onMapReady(args) {
 exports.onMapReady = onMapReady;
 ```
 
-### .. or want to set the viewport bounds?
+
+[](#viewport)
+
+## Viewport
 
 ```js
 var mapbox = require("@nativescript-community/ui-mapbox");
@@ -250,7 +288,10 @@ The methods you can invoke like this from an XML-declared map are:
 
 Check out the usage details on the functions below.
 
-## Declaring a map programmatically
+
+[](#declaring-programmatically)
+
+## Declaring Programmatically
 
 Add a container to your view XML where you want to programmatically add the map. Give it an id. 
 
@@ -258,6 +299,11 @@ Add a container to your view XML where you want to programmatically add the map.
 <ContentView id="mapContainer" />
 ```
 
+
+[](#methods)
+
+## Methods
+
 ### show
 ```ts
 
@@ -404,7 +450,7 @@ You can update the map style after you've loaded it.
   ])
 ```
 
-#### Updating markers
+### Updating markers
 Plugin version 4.2.0 added the option to update makers. Just call `update` on the `MapboxMarker` reference you created above.
 You can update the following properties (all but the icon really):
 
@@ -853,6 +899,9 @@ Add a listener to retrieve lat and lng of where the user scrolls to on the map.
   });
 ```
 
+
+[](#offline-maps)
+
 ## Offline maps
 For situations where you want the user to pre-load certain regions you can use these methods to create and remove offline regions.
 
@@ -947,6 +996,9 @@ You can remove regions you've previously downloaded. Any region(s) matching the
 ```
 
 
+
+[](#permissions)
+
 ## Permissions
 
 ### hasFineLocationPermission / requestFineLocationPermission
@@ -980,6 +1032,9 @@ Note that `hasFineLocationPermission` will return true when:
 Note that the `show` function will also check for permission if you passed in `showUserLocation : true`.
 If you didn't request permission before showing the map, and permission was needed, the plugin will ask the user permission while rendering the map.
 
+
+[](#using-marker-images-from-the-internet)
+
 ## Using marker images from the internet
 If you specify `icon: 'http(s)://some-remote-image'`, then on iOS you'll need to whitelist
 the domain. Google for iOS ATS for detailed options, but for a quick test you can add this to
@@ -992,3 +1047,48 @@ the domain. Google for iOS ATS for detailed options, but for a quick test you ca
         <true/>
 	</dict>
 ```
+
+
+[](#demos-and-development)
+
+## Demos and Development
+
+
+### Setup
+
+To run the demos, you must clone this repo **recursively**.
+
+```
+git clone https://github.com/@nativescript-community/ui-mapbox.git --recursive
+```
+
+**Install Dependencies:**
+```bash
+npm i # or 'yarn install' or 'pnpm install'
+```
+
+**Interactive Menu:**
+
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
+
+### Build
+
+```bash
+npm run build
+
+npm run build.angular # or for Angular
+```
+
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+
+npm run demo.svelte.ios # Example
+```
+
+[](#questions)
+
+## Questions
+
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

package/{mapbox.common.d.ts → common.d.ts}

@@ -1,4 +1,8 @@
 import { Color, ContentView, ImageSource, Property } from '@nativescript/core';
+export * from './geo.utils';
+export * from './expression/expression-parser';
+export * from './layers/layer-factory';
+export * from './layers/parser/property-parser';
 export declare const MapboxTraceCategory = "NativescriptMapbox";
 export declare enum CLogTypes {
     log,
@@ -102,7 +106,8 @@ export interface SetViewportOptions {
     padding?: number;
 }
 export interface DeleteOfflineRegionOptions {
-    name: string;
+    id?: string;
+    name?: string;
 }
 export interface MapboxCluster {
     points: number;
@@ -115,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;
@@ -162,14 +169,19 @@ export interface GeoJSONSource extends Source {
     data?: any;
     minzoom?: number;
     maxzoom?: number;
+    lineMetrics?: boolean;
     cluster?: {
         radius: any;
         maxZoom: any;
+        properties?: {
+            [property: string]: [any, any];
+        };
     };
 }
-export declare type UserLocationCameraMode = 'NONE' | 'NONE_COMPASS' | 'NONE_GPS' | 'TRACKING' | 'TRACK_COMPASS' | 'TRACKING_GPS' | 'TRACK_GPS_NORTH';
+export declare type UserLocationCameraMode = 'NONE' | 'NONE_COMPASS' | 'NONE_GPS' | 'TRACKING' | 'TRACKING_COMPASS' | 'TRACKING_GPS' | 'TRACKING_GPS_NORTH';
 export interface TrackUserOptions {
-    mode: UserLocationCameraMode;
+    cameraMode: UserLocationCameraMode;
+    renderMode?: string;
     animated?: boolean;
 }
 export interface AddExtrusionOptions {
@@ -180,6 +192,9 @@ export interface OfflineRegion {
     minZoom: number;
     maxZoom: number;
     style: MapStyle;
+    metadata?: any;
+    pixelRatio?: any;
+    type?: any;
 }
 export interface DownloadProgress {
     name: string;
@@ -241,6 +256,7 @@ export interface LayerCommon {
     getNativeInstance(): any;
     setFilter(filter: any[]): void;
     getFilter(): any[];
+    type(): LayerType;
 }
 export interface MapboxCommonApi {
     requestFineLocationPermission(): Promise<any>;
@@ -296,6 +312,7 @@ export interface MapboxApi {
     setOnMapLongClickListener(listener: (data: LatLng) => boolean, nativeMap?: any): Promise<any>;
     setOnScrollListener(listener: (data?: LatLng) => void, nativeMap?: any): Promise<void>;
     setOnMoveBeginListener(listener: (data?: LatLng) => void, nativeMap?: any): Promise<void>;
+    setOnMoveEndListener(listener: (data?: LatLng) => void, nativeMap?: any): Promise<void>;
     setOnFlingListener(listener: () => void, nativeMap?: any): Promise<any>;
     setOnCameraMoveListener(listener: (reason: any, animated?: boolean) => void, nativeMap?: any): Promise<any>;
     setOnCameraMoveCancelListener(listener: () => void, nativeMap?: any): Promise<any>;
@@ -317,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;
@@ -332,6 +353,7 @@ export declare abstract class MapboxCommon implements MapboxCommonApi {
         };
         zoomLevel: number;
         showUserLocation: boolean;
+        locationComponentOptions: {};
         hideLogo: boolean;
         hideAttribution: boolean;
         hideCompass: boolean;
@@ -376,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>;
@@ -397,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;
@@ -410,6 +441,7 @@ export declare abstract class MapboxViewCommonBase extends ContentView implement
     setOnMapLongClickListener(listener: (data: LatLng) => boolean): Promise<any>;
     setOnScrollListener(listener: (data?: LatLng) => void, nativeMap?: any): Promise<void>;
     setOnMoveBeginListener(listener: (data?: LatLng) => void, nativeMap?: any): Promise<void>;
+    setOnMoveEndListener(listener: (data?: LatLng) => void, nativeMap?: any): Promise<void>;
     setOnFlingListener(listener: () => void, nativeMap?: any): Promise<any>;
     setOnCameraMoveListener(listener: (reason: any, animated?: boolean) => void, nativeMap?: any): Promise<any>;
     setOnCameraMoveCancelListener(listener: () => void, nativeMap?: any): Promise<any>;
@@ -458,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>;
@@ -466,6 +502,7 @@ export declare const mapStyleProperty: Property<MapboxViewCommonBase, string>;
 export declare const latitudeProperty: Property<MapboxViewCommonBase, number>;
 export declare const longitudeProperty: Property<MapboxViewCommonBase, number>;
 export declare const showUserLocationProperty: Property<MapboxViewCommonBase, boolean>;
+export declare const locationComponentOptionsProperty: Property<MapboxViewCommonBase, object>;
 export declare const hideLogoProperty: Property<MapboxViewCommonBase, boolean>;
 export declare const hideAttributionProperty: Property<MapboxViewCommonBase, boolean>;
 export declare const telemetryProperty: Property<MapboxViewCommonBase, boolean>;
@@ -479,6 +516,7 @@ export declare abstract class MapboxViewBase extends MapboxViewCommonBase {
     static mapReadyEvent: string;
     static scrollEvent: string;
     static moveBeginEvent: string;
+    static moveEndEvent: string;
     static locationPermissionGrantedEvent: string;
     static locationPermissionDeniedEvent: string;
     protected config: any;

package/{mapbox.common.js → common.js}

@@ -1,4 +1,8 @@
 import { ContentView, Property, Trace, booleanConverter } from '@nativescript/core';
+export * from './geo.utils';
+export * from './expression/expression-parser';
+export * from './layers/layer-factory';
+export * from './layers/parser/property-parser';
 export const MapboxTraceCategory = 'NativescriptMapbox';
 export var CLogTypes;
 (function (CLogTypes) {
@@ -59,6 +63,7 @@ MapboxCommon.defaults = {
     },
     zoomLevel: 0,
     showUserLocation: false,
+    locationComponentOptions: {},
     hideLogo: false,
     hideAttribution: true,
     hideCompass: false,
@@ -93,6 +98,9 @@ export class MapboxViewCommonBase extends ContentView {
     setOnMoveBeginListener(listener, nativeMap) {
         return this.mapbox.setOnMoveBeginListener(listener, this.getNativeMapView());
     }
+    setOnMoveEndListener(listener, nativeMap) {
+        return this.mapbox.setOnMoveEndListener(listener, this.getNativeMapView());
+    }
     setOnFlingListener(listener, nativeMap) {
         return this.mapbox.setOnFlingListener(listener, this.getNativeMapView());
     }
@@ -228,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);
@@ -247,6 +258,11 @@ export const showUserLocationProperty = new Property({
     valueConverter: booleanConverter
 });
 showUserLocationProperty.register(MapboxViewCommonBase);
+export const locationComponentOptionsProperty = new Property({
+    name: 'locationComponentOptions',
+    defaultValue: MapboxCommon.defaults.locationComponentOptions
+});
+locationComponentOptionsProperty.register(MapboxViewCommonBase);
 export const hideLogoProperty = new Property({
     name: 'hideLogo',
     defaultValue: MapboxCommon.defaults.hideLogo,
@@ -326,6 +342,9 @@ export class MapboxViewBase extends MapboxViewCommonBase {
     [showUserLocationProperty.setNative](value) {
         this.config.showUserLocation = value;
     }
+    [locationComponentOptionsProperty.setNative](value) {
+        this.config.locationComponentOptions = value || {};
+    }
     [hideLogoProperty.setNative](value) {
         this.config.hideLogo = value;
     }
@@ -351,6 +370,7 @@ export class MapboxViewBase extends MapboxViewCommonBase {
 MapboxViewBase.mapReadyEvent = 'mapReady';
 MapboxViewBase.scrollEvent = 'scrollEvent';
 MapboxViewBase.moveBeginEvent = 'moveBeginEvent';
+MapboxViewBase.moveEndEvent = 'moveEndEvent';
 MapboxViewBase.locationPermissionGrantedEvent = 'locationPermissionGranted';
 MapboxViewBase.locationPermissionDeniedEvent = 'locationPermissionDenied';
-//# sourceMappingURL=mapbox.common.js.map
+//# sourceMappingURL=common.js.map

package/{filter/filter-parser.android.d.ts → expression/expression-parser.android.d.ts}

@@ -1,4 +1,4 @@
-export declare class FilterParser {
+export declare class ExpressionParser {
     static parseJson(json: any[]): com.mapbox.mapboxsdk.style.expressions.Expression;
     static toJson(filter: com.mapbox.mapboxsdk.style.expressions.Expression): any[];
 }

package/{filter/filter-parser.android.js → expression/expression-parser.android.js}

@@ -1,4 +1,4 @@
-export class FilterParser {
+export class ExpressionParser {
     static parseJson(json) {
         const expression = com.mapbox.mapboxsdk.style.expressions.Expression.Converter.convert(JSON.stringify(json));
         return expression;
@@ -13,4 +13,4 @@ export class FilterParser {
         return JSON.parse(filter.toString());
     }
 }
-//# sourceMappingURL=filter-parser.android.js.map
+//# sourceMappingURL=expression-parser.android.js.map

package/expression/expression-parser.d.ts

@@ -0,0 +1,4 @@
+export declare class ExpressionParser {
+    static parseJson(json: any[]): any;
+    static toJson(filter: any): any[];
+}