@nativescript-community/ui-mapbox 7.0.1 → 7.0.3

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.3](https://github.com/nativescript-community/ui-mapbox/compare/v7.0.2...v7.0.3) (2025-10-29)
+
+**Note:** Version bump only for package @nativescript-community/ui-mapbox
+
+## [7.0.2](https://github.com/nativescript-community/ui-mapbox/compare/v7.0.1...v7.0.2) (2025-10-28)
+
+### Bug Fixes
+
+* **android:** broken build ([1587e83](https://github.com/nativescript-community/ui-mapbox/commit/1587e836ecd2d500977531d8744a276183f1ff42))
+
 ## [7.0.1](https://github.com/nativescript-community/ui-mapbox/compare/v7.0.0...v7.0.1) (2025-10-28)
 
 ### Bug Fixes

package/common.js

@@ -13,7 +13,7 @@ export var CLogTypes;
     CLogTypes[CLogTypes["error"] = 3] = "error";
 })(CLogTypes || (CLogTypes = {}));
 export const CLog = (type, ...args) => {
-    Trace.write(args.map((a) => (a && typeof a === 'object' ? JSON.stringify(a) : a)).join(' '), MapboxTraceCategory, type);
+    Trace.write(args.join(' '), MapboxTraceCategory, type);
 };
 // ------------------------------------------------------------
 export var MapStyle;

package/index.android.js

@@ -472,6 +472,9 @@ export class Mapbox extends MapboxCommon {
                             }
                             // initialize the event handlers now that we have a constructed view.
                             this.markerManager = new MarkerManager(this._mapboxMapInstance, this._mapboxViewInstance, (marker) => {
+                                if (Trace.isEnabled()) {
+                                    CLog(CLogTypes.info, 'MarkerManager.onMarkerClicked():');
+                                }
                                 const cachedMarker = this._getClickedMarkerDetails(marker);
                                 if (cachedMarker?.onTap) {
                                     const result = cachedMarker.onTap(cachedMarker);
@@ -1155,6 +1158,7 @@ export class Mapbox extends MapboxCommon {
             marker.android = this.markerManager.addMarker(new AndroidMarker({
                 position: com.mapbox.geojson.Point.fromLngLat(marker.lng, marker.lat),
                 title: marker.title,
+                id: marker.id,
                 snippet: marker.subtitle,
                 icon: icon?.android
             }));
@@ -1163,7 +1167,6 @@ export class Mapbox extends MapboxCommon {
                 this.markerManager.selectMarker(marker.android);
             }
             marker.update = (newSettings) => {
-                console.log('update marker', Object.keys(newSettings), newSettings);
                 const theMarker = this._markers.find((m) => m.id === marker.id);
                 if (theMarker) {
                     if (newSettings.onTap) {
@@ -1201,6 +1204,9 @@ export class Mapbox extends MapboxCommon {
         if (!this._mapboxMapInstance) {
             return;
         }
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, '_removeMarkers: ', ids);
+        }
         this._markers.forEach((marker) => {
             if (!ids || (marker && marker.id && ids.indexOf(marker.id) > -1)) {
                 if (marker && marker.android) {
@@ -1478,7 +1484,6 @@ export class Mapbox extends MapboxCommon {
                 }
                 const polygonOptions = new com.mapbox.maps.plugin.annotation.generated.PolygonAnnotationOptions();
                 const nPoints = java.util.Arrays.asList([java.util.Arrays.asList(points.map((p) => com.mapbox.geojson.Point.fromLngLat(p.lng, p.lat)))]);
-                console.log('add points', nPoints);
                 polygonOptions.withPoints(nPoints);
                 polygonOptions.withFillColor(Mapbox.getAndroidColor(options.fillColor));
                 polygonOptions.withFillOpacity(options.fillOpacity === undefined ? 1 : options.fillOpacity);
@@ -1486,7 +1491,7 @@ export class Mapbox extends MapboxCommon {
                 if (options.strokeColor) {
                     polygonOptions.withFillOutlineColor(Mapbox.getAndroidColor(options.strokeColor));
                 }
-                this._polylines[options.id || new Date().getTime()] = this.polygonManager.create(polygonOptions);
+                this._polygons[options.id || new Date().getTime()] = this.polygonManager.create(polygonOptions);
                 resolve();
             }
             catch (ex) {
@@ -1640,10 +1645,10 @@ export class Mapbox extends MapboxCommon {
                         if (Trace.isEnabled()) {
                             CLog(CLogTypes.info, 'Mapbox:setOnMapClickListener(): click event at point:', point);
                         }
-                        return this.checkForClickEvent({
+                        return (listener({
                             lat: point.latitude(),
                             lng: point.longitude()
-                        });
+                        }) ?? true);
                     }
                 });
                 com.mapbox.maps.plugin.gestures.GesturesUtils.addOnMapClickListener(this._mapboxMapInstance, this.onMapClickListener);
@@ -1670,7 +1675,7 @@ export class Mapbox extends MapboxCommon {
                         lng: point.longitude()
                     })
                 });
-                this._getGesturesPlugin().addOnMapLongClickListener(this.onMapLongClickListener);
+                com.mapbox.maps.plugin.gestures.GesturesUtils.addOnMapLongClickListener(this._mapboxMapInstance, this.onMapLongClickListener);
                 resolve();
             }
             catch (ex) {
@@ -1789,7 +1794,7 @@ export class Mapbox extends MapboxCommon {
                 this.onFlingListener = new com.mapbox.maps.plugin.gestures.OnFlingListener({
                     onFling: () => listener()
                 });
-                this._getGesturesPlugin().addOnFlingListener(this.onFlingListener);
+                com.mapbox.maps.plugin.gestures.GesturesUtils.addOnFlingListener(this._mapboxMapInstance, this.onFlingListener);
                 resolve();
             }
             catch (ex) {
@@ -1966,7 +1971,6 @@ export class Mapbox extends MapboxCommon {
                     bounds: options.bounds,
                     ...options.metadata
                 };
-                console.log('downloadRegion', regionId, new com.mapbox.bindgen.Value(JSON.stringify(info)));
                 const regionOptions = new com.mapbox.common.TileRegionLoadOptions.Builder()
                     .geometry(bbox)
                     .descriptors(java.util.Collections.singletonList(tilesetDescriptor))
@@ -2825,7 +2829,6 @@ export class Mapbox extends MapboxCommon {
                 invoke: (settings) => {
                     settings.setEnabled(true);
                     settings.setPulsingEnabled(true);
-                    console.log('setPuckBearingEnabled', options.cameraMode, options.renderMode, options.renderMode !== 'NORMAL', com.mapbox.maps.plugin.PuckBearing.HEADING, com.mapbox.maps.plugin.PuckBearing.COURSE);
                     settings.setLocationPuck(com.mapbox.maps.plugin.locationcomponent.LocationComponentUtils.createDefault2DPuck(true));
                     settings.setPuckBearingEnabled(options.renderMode !== 'NORMAL');
                     settings.setPuckBearing(options.cameraMode?.indexOf('COMPASS') !== -1 ? com.mapbox.maps.plugin.PuckBearing.HEADING : com.mapbox.maps.plugin.PuckBearing.COURSE);

package/index.ios.js

@@ -1314,6 +1314,7 @@ export class Mapbox extends MapboxCommon {
             CLog(CLogTypes.info, 'createCalloutView1():', marker.id, marker.title, !!this._reusableCalloutView);
         }
         this._reusableCalloutView.removeEventListener('tap');
+        this._reusableCalloutView.nativeViewProtected?.removeFromSuperview();
         return this._reusableCalloutView;
     }
     async showCalloutForMarkerById(markerId) {

package/markers/Marker.android.d.ts

@@ -7,13 +7,14 @@ export declare class AndroidMarker {
     icon: android.graphics.Bitmap;
     title?: string;
     snippet?: string;
+    id?: string | number;
     pointAnnotation: com.mapbox.maps.plugin.annotation.generated.PointAnnotation;
     viewAnnotation: android.view.View;
     view: StackLayout;
     anchor: com.mapbox.maps.ViewAnnotationAnchorConfig;
     layerId: string;
-    prepared: boolean;
     constructor(opts: {
+        id: string | number;
         position: com.mapbox.geojson.Point;
         icon: android.graphics.Bitmap;
         title?: string;

package/markers/Marker.android.js

@@ -5,11 +5,11 @@ import { CLog, CLogTypes } from '../common';
  */
 export class AndroidMarker {
     constructor(opts) {
-        this.prepared = false;
         if (!opts.title && !opts.snippet) {
             throw new Error('Marker should have either title or snippet!');
         }
         this.position = opts.position;
+        this.id = opts.id;
         this.icon = opts.icon;
         this.title = opts.title;
         this.snippet = opts.snippet;
@@ -23,7 +23,7 @@ export class AndroidMarker {
         this.pointAnnotation = pointAnnotationManager.create(new PointAnnotationOptions().withPoint(this.position).withIconAnchor(IconAnchor.valueOf('BOTTOM')).withIconImage(this.icon));
         this.layerId = layerId;
         if (Trace.isEnabled()) {
-            CLog(CLogTypes.log, 'MarkerManager prepareAnnotationMarker: ' + layerId);
+            CLog(CLogTypes.log, 'MarkerManager prepareAnnotationMarker: ' + layerId, this.id, this.pointAnnotation);
         }
     }
     update(pointAnnotationManager) {

package/markers/MarkerManager.android.d.ts

@@ -13,6 +13,7 @@ export declare class MarkerManager {
     private selectedMarker;
     private onInfoWindowTapped;
     private _reusableCalloutView;
+    private _reusableCalloutNativeView;
     private onMapClickListener;
     private onPointClickListener;
     onViewAnnotationUpdatedListener: com.mapbox.maps.viewannotation.OnViewAnnotationUpdatedListener;
@@ -28,7 +29,7 @@ export declare class MarkerManager {
     prepareViewAnnotation(marker: AndroidMarker, onInfoWindowClick: any): void;
     removeMarker(marker: AndroidMarker): void;
     selectMarker(marker: AndroidMarker, deselectIfSelected?: boolean, update?: boolean): void;
-    deselectMarker(marker: AndroidMarker): void;
+    deselectMarker(marker: AndroidMarker): boolean;
     destroy(): void;
     updateOffsetX(marker: AndroidMarker, leftTop: any, width: number): void;
     isSelected(marker: AndroidMarker): boolean;

package/markers/MarkerManager.android.js

@@ -6,7 +6,7 @@ import { createInfoWindowView } from './Marker.common';
  */
 export class MarkerManager {
     constructor(map, mapView, onMarkerClick, onInfoWindowClick) {
-        this.markerList = new Set();
+        this.markerList = [];
         this.map = map;
         this.mapView = mapView;
         this.onInfoWindowTapped = onInfoWindowClick;
@@ -17,13 +17,19 @@ export class MarkerManager {
         // add click listeners
         this.onPointClickListener = new com.mapbox.maps.plugin.annotation.generated.OnPointAnnotationClickListener({
             onAnnotationClick: (annotation) => {
-                for (const marker of this.markerList) {
-                    if (marker.pointAnnotation === annotation) {
-                        if (onMarkerClick(marker)) {
-                            return true;
-                        }
-                        this.selectMarker(marker, true);
+                const index = this.markerList.findIndex((m) => m.pointAnnotation === annotation);
+                if (Trace.isEnabled()) {
+                    CLog(CLogTypes.info, 'MarkerManager.onAnnotationClick():', annotation, index, this.markerList.map((m) => m.id));
+                }
+                if (index !== -1) {
+                    const marker = this.markerList[index];
+                    if (Trace.isEnabled()) {
+                        CLog(CLogTypes.info, 'MarkerManager.onAnnotationClick(): found', annotation);
+                    }
+                    if (onMarkerClick(marker)) {
+                        return true;
                     }
+                    this.selectMarker(marker, true);
                 }
                 return true;
             }
@@ -32,17 +38,17 @@ export class MarkerManager {
         // Map click listener to deselect all markers
         this.onMapClickListener = new com.mapbox.maps.plugin.gestures.OnMapClickListener({
             onMapClick: (point) => {
-                if (this.selectedMarker) {
-                    this.deselectMarker(this.selectedMarker);
-                    return true;
+                if (Trace.isEnabled()) {
+                    CLog(CLogTypes.log, 'MarkerManager onMapClick: ', !!this.selectedMarker);
                 }
-                return false;
+                return this.deselectMarker(this.selectedMarker);
             }
         });
         com.mapbox.maps.plugin.gestures.GesturesUtils.addOnMapClickListener(map, this.onMapClickListener);
     }
     deselectAll() {
-        this.markerList.forEach((marker) => this.deselectMarker(marker));
+        this.deselectMarker(this.selectedMarker);
+        // this.markerList.forEach((marker: AndroidMarker) => this.deselectMarker(marker));
     }
     adjustViewAnnotationXOffset(marker) {
         const listener = new com.mapbox.maps.viewannotation.OnViewAnnotationUpdatedListener({
@@ -61,21 +67,20 @@ export class MarkerManager {
     updateMarker(marker) {
         // this.adjustViewAnnotationXOffset(marker);
         marker.update(this.pointAnnotationManager);
-        com.nativescript.mapbox.ViewAnnotationManager.updateViewAnnotation(this.mapView, marker.viewAnnotation, new com.mapbox.maps.ViewAnnotationOptions.Builder().annotatedFeature(com.mapbox.maps.AnnotatedFeature.valueOf(marker.pointAnnotation.getGeometry())).build());
+        if (marker.viewAnnotation) {
+            com.nativescript.mapbox.ViewAnnotationManager.updateViewAnnotation(this.mapView, marker.viewAnnotation, new com.mapbox.maps.ViewAnnotationOptions.Builder().annotatedFeature(com.mapbox.maps.AnnotatedFeature.valueOf(marker.pointAnnotation.getGeometry())).build());
+        }
     }
     addMarker(marker) {
         if (Trace.isEnabled()) {
-            CLog(CLogTypes.log, 'MarkerManager addMarker: ' + JSON.stringify(marker));
+            CLog(CLogTypes.log, 'MarkerManager addMarker: ', marker, !!this.selectedMarker);
+        }
+        if (!marker.pointAnnotation || this.markerList.findIndex((m) => m.pointAnnotation === marker.pointAnnotation) === -1) {
+            marker.prepareAnnotationMarker(this.pointAnnotationManager, MarkerManager.LAYER_ID);
+            this.deselectMarker(this.selectedMarker);
+            this.markerList.push(marker);
+            // this.selectMarker(marker);
         }
-        marker.prepareAnnotationMarker(this.pointAnnotationManager, MarkerManager.LAYER_ID);
-        this.prepareViewAnnotation(marker, (e) => {
-            // info Window tapped.
-            if (!this.onInfoWindowTapped(marker)) {
-                this.deselectMarker(marker);
-            }
-        });
-        this.markerList.add(marker);
-        // this.selectMarker(marker);
         return marker;
     }
     /**
@@ -84,6 +89,9 @@ export class MarkerManager {
      */
     prepareViewAnnotation(marker, onInfoWindowClick) {
         // --- Step 1: Create a NativeScript view tree
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'MarkerManager:prepareViewAnnotation():', this._reusableCalloutView);
+        }
         if (this._reusableCalloutView) {
             const title = this._reusableCalloutView.getViewById('title');
             title.text = marker?.title || '';
@@ -93,20 +101,29 @@ export class MarkerManager {
         }
         else {
             this._reusableCalloutView = createInfoWindowView(marker.title, marker.snippet);
+            this._reusableCalloutView._setupAsRootView(Utils.android.getApplicationContext());
+            this._reusableCalloutView.parent = Application.getRootView();
+            this._reusableCalloutView._isAddedToNativeVisualTree = true;
+            this._reusableCalloutView.callLoaded();
+        }
+        if (!this._reusableCalloutNativeView) {
+            const nativeView = this._reusableCalloutView.nativeViewProtected;
+            const frameLayout = new android.widget.FrameLayout(this._reusableCalloutView._context);
+            const layoutParams = new android.widget.FrameLayout.LayoutParams(android.view.ViewGroup.LayoutParams.WRAP_CONTENT, android.view.ViewGroup.LayoutParams.WRAP_CONTENT);
+            frameLayout.addView(nativeView);
+            frameLayout.setLayoutParams(layoutParams);
+            frameLayout.measure(android.view.View.MeasureSpec.makeMeasureSpec(0, android.view.View.MeasureSpec.UNSPECIFIED), android.view.View.MeasureSpec.makeMeasureSpec(0, android.view.View.MeasureSpec.UNSPECIFIED));
+            frameLayout.layout(0, 0, this._reusableCalloutView.getMeasuredWidth(), this._reusableCalloutView.getMeasuredHeight());
+            this._reusableCalloutNativeView = frameLayout;
+        }
+        if (this._reusableCalloutNativeView.getParent()) {
+            if (Trace.isEnabled()) {
+                CLog(CLogTypes.info, 'MarkerManager:prepareViewAnnotation(): remove from parent', this._reusableCalloutNativeView.getParent());
+            }
+            this._reusableCalloutNativeView.getParent().removeView(this._reusableCalloutNativeView);
         }
-        this._reusableCalloutView._setupAsRootView(Utils.android.getApplicationContext());
-        this._reusableCalloutView.parent = Application.getRootView();
-        this._reusableCalloutView._isAddedToNativeVisualTree = true;
-        this._reusableCalloutView.callLoaded();
-        const nativeView = this._reusableCalloutView.nativeViewProtected;
         this._reusableCalloutView.removeEventListener('tap');
         this._reusableCalloutView.on('tap', onInfoWindowClick);
-        const frameLayout = new android.widget.FrameLayout(this._reusableCalloutView._context);
-        const layoutParams = new android.widget.FrameLayout.LayoutParams(android.view.ViewGroup.LayoutParams.WRAP_CONTENT, android.view.ViewGroup.LayoutParams.WRAP_CONTENT);
-        frameLayout.addView(nativeView);
-        frameLayout.setLayoutParams(layoutParams);
-        frameLayout.measure(android.view.View.MeasureSpec.makeMeasureSpec(0, android.view.View.MeasureSpec.UNSPECIFIED), android.view.View.MeasureSpec.makeMeasureSpec(0, android.view.View.MeasureSpec.UNSPECIFIED));
-        frameLayout.layout(0, 0, nativeView.getMeasuredWidth(), nativeView.getMeasuredHeight());
         // frameLayout.setLayoutParams(new android.widget.FrameLayout.LayoutParams(nativeView.getMeasuredWidth(), nativeView.getMeasuredHeight()));
         // --- Step 3: Prepare view annotation options
         const ViewAnnotationAnchor = com.mapbox.maps.ViewAnnotationAnchor;
@@ -132,17 +149,25 @@ export class MarkerManager {
         ]))
             .build();
         // --- Step 4: Add the view to Mapbox’s ViewAnnotationManager
-        com.nativescript.mapbox.ViewAnnotationManager.addViewAnnotation(this.mapView, frameLayout, viewAnnotationOptions);
+        com.nativescript.mapbox.ViewAnnotationManager.addViewAnnotation(this.mapView, this._reusableCalloutNativeView, viewAnnotationOptions);
         // --- Step 5: Store references
-        marker.viewAnnotation = frameLayout;
+        marker.viewAnnotation = this._reusableCalloutNativeView;
         marker.view = this._reusableCalloutView;
-        marker.prepared = true;
     }
     removeMarker(marker) {
-        if (!marker.prepared)
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, '_removeMarkers: ', marker.id, marker.pointAnnotation);
+        }
+        if (!marker.pointAnnotation)
             return;
-        this.markerList.delete(marker);
-        com.nativescript.mapbox.ViewAnnotationManager.removeViewAnnotation(this.mapView, marker.viewAnnotation);
+        const index = this.markerList.findIndex((m) => m.pointAnnotation === marker.pointAnnotation);
+        if (index !== -1) {
+            this.markerList.splice(index, 1);
+        }
+        if (marker.viewAnnotation) {
+            com.nativescript.mapbox.ViewAnnotationManager.removeViewAnnotation(this.mapView, marker.viewAnnotation);
+            marker.viewAnnotation = null;
+        }
         this.pointAnnotationManager.delete(marker.pointAnnotation);
         marker.destroy();
     }
@@ -156,23 +181,34 @@ export class MarkerManager {
             this.deselectMarker(this.selectedMarker);
         }
         this.selectedMarker = marker;
-        // this.adjustViewAnnotationXOffset(marker);
-        com.nativescript.mapbox.ViewAnnotationManager.updateViewAnnotation(this.mapView, marker.viewAnnotation, new com.mapbox.maps.ViewAnnotationOptions.Builder().visible(java.lang.Boolean.valueOf(true)).selected(java.lang.Boolean.valueOf(true)).build());
-        marker.viewAnnotation.setVisibility(android.view.View.VISIBLE);
+        this.prepareViewAnnotation(marker, (e) => {
+            // info Window tapped.
+            if (!this.onInfoWindowTapped(marker)) {
+                this.deselectMarker(marker);
+            }
+        });
     }
     deselectMarker(marker) {
         if (!this.selectedMarker || marker.pointAnnotation !== this.selectedMarker.pointAnnotation) {
-            return;
+            return false;
+        }
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.log, 'MarkerManager deselectMarker: ', marker, !!this.selectedMarker);
         }
         this.selectedMarker = null;
-        const View = android.view.View;
-        const viewAnnotationOptionsBuilder = new com.mapbox.maps.ViewAnnotationOptions.Builder().selected(java.lang.Boolean.valueOf(false)).visible(java.lang.Boolean.valueOf(false));
+        // const View = android.view.View;
+        // const viewAnnotationOptionsBuilder = new com.mapbox.maps.ViewAnnotationOptions.Builder().selected(java.lang.Boolean.valueOf(false)).visible(java.lang.Boolean.valueOf(false));
         // if (marker.anchor) {
         //     const anchorBuilder = marker.anchor.toBuilder().offsetX(0.0).build();
         //     viewAnnotationOptionsBuilder.variableAnchors(java.util.Collections.singletonList(anchorBuilder));
         // }
-        com.nativescript.mapbox.ViewAnnotationManager.updateViewAnnotation(this.mapView, marker.viewAnnotation, viewAnnotationOptionsBuilder.build());
-        marker.viewAnnotation.setVisibility(View.INVISIBLE);
+        if (marker.viewAnnotation) {
+            com.nativescript.mapbox.ViewAnnotationManager.removeViewAnnotation(this.mapView, marker.viewAnnotation);
+            marker.viewAnnotation = null;
+        }
+        // com.nativescript.mapbox.ViewAnnotationManager.updateViewAnnotation(this.mapView, marker.viewAnnotation, viewAnnotationOptionsBuilder.build());
+        // marker.viewAnnotation.setVisibility(View.INVISIBLE);
+        return true;
     }
     destroy() {
         this.markerList.forEach((m) => this.removeMarker(m));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript-community/ui-mapbox",
-    "version": "7.0.1",
+    "version": "7.0.3",
     "description": "Interactive, thoroughly customizable maps powered by vector tiles and OpenGL.",
     "main": "index",
     "typings": "index.d.ts",
@@ -55,5 +55,5 @@
     "dependencies": {
         "@nativescript-community/perms": "^3.0.4"
     },
-    "gitHead": "c775cf24ff6f702e028f9a4fe2d562a863281eb5"
+    "gitHead": "8dcec4f0ac14748e1dba5701bdc53e89bd45c135"
 }

package/platforms/android/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
+  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
+
+</manifest>

package/platforms/android/buildscript.gradle

@@ -0,0 +1,17 @@
+repositories {
+    mavenCentral()
+	def MAPBOX_DOWNLOADS_TOKEN = "$System.env.MAPBOX_DOWNLOADS_TOKEN"
+    maven {
+      url 'https://api.mapbox.com/downloads/v2/releases/maven'
+      authentication {
+          basic(BasicAuthentication)
+      }
+      credentials {
+        // Do not change the username below.
+        // This should always be `mapbox` (not your username). 
+          username = 'mapbox'
+          // Use the secret token you stored in gradle.properties as the password
+          password = MAPBOX_DOWNLOADS_TOKEN
+      }
+    }
+}

package/platforms/android/java/com/nativescript/mapbox/Utils.kt

@@ -0,0 +1,102 @@
+package com.nativescript.mapbox
+
+import com.mapbox.maps.MapView
+import com.mapbox.maps.plugin.animation.CameraAnimationsPlugin
+import com.mapbox.maps.plugin.animation.camera
+import com.mapbox.maps.plugin.annotation.annotations
+import com.mapbox.maps.plugin.annotation.generated.createPointAnnotationManager
+import android.util.Log
+
+class Telemetry {
+    companion object {
+        @JvmStatic
+        fun setUserTelemetryRequestState(mapView: MapView, value: Boolean) {
+            val fakeManager = mapView.annotations.createPointAnnotationManager()
+            fakeManager.delegateProvider.mapAttributionDelegate.telemetry().setUserTelemetryRequestState(value)
+        }
+    }
+}
+class Camera {
+ 	companion object {
+        fun getCamera(mapView: MapView): CameraAnimationsPlugin {
+            return mapView.camera
+        }
+        /**
+        * Returns the CameraAnimationsPlugin associated with the given MapView.
+        *
+        * Once you have this object in NativeScript, you can directly call:
+        *   camera.flyTo(...)
+        *   camera.easeTo(...)
+        *   camera.cancelTransitions()
+        */
+        @JvmStatic
+        fun flyTo(mapView: MapView, cameraOptions: com.mapbox.maps.CameraOptions, animationOptions: com.mapbox.maps.plugin.animation.MapAnimationOptions, listener: android.animation.Animator.AnimatorListener?): com.mapbox.common.Cancelable {
+            return mapView.camera.flyTo(cameraOptions, animationOptions, listener)
+        }
+        @JvmStatic
+        fun setCamera(mapView: MapView, cameraOptions: com.mapbox.maps.CameraOptions) {
+            mapView.mapboxMap.setCamera(cameraOptions)
+        }
+    }
+}
+
+class ViewAnnotationManager {
+  	companion object {
+        @JvmStatic
+        fun addViewAnnotation(map: com.mapbox.maps.MapView, view: android.view.View, options: com.mapbox.maps.ViewAnnotationOptions) {
+            map.viewAnnotationManager.addViewAnnotation(view, options)
+        }
+        @JvmStatic
+        fun removeViewAnnotation(map: com.mapbox.maps.MapView, view: android.view.View) {
+            map.viewAnnotationManager.removeViewAnnotation(view)
+        }
+        @JvmStatic
+        fun updateViewAnnotation(map: com.mapbox.maps.MapView, view: android.view.View, options: com.mapbox.maps.ViewAnnotationOptions) {
+            map.viewAnnotationManager.updateViewAnnotation(view, options)
+        }
+        @JvmStatic
+        fun getViewAnnotationOptions(map: com.mapbox.maps.MapView, view: android.view.View): com.mapbox.maps.ViewAnnotationOptions? {
+            return map.viewAnnotationManager.getViewAnnotationOptions(view)
+        }
+        @JvmStatic
+        fun addOnViewAnnotationUpdatedListener(map: com.mapbox.maps.MapView, listener: com.mapbox.maps.viewannotation.OnViewAnnotationUpdatedListener) {
+            map.viewAnnotationManager.addOnViewAnnotationUpdatedListener(listener)
+        }
+        @JvmStatic
+        fun removeOnViewAnnotationUpdatedListener(map: com.mapbox.maps.MapView, listener: com.mapbox.maps.viewannotation.OnViewAnnotationUpdatedListener) {
+            map.viewAnnotationManager.removeOnViewAnnotationUpdatedListener(listener)
+        }
+    }
+}
+
+class Utils {
+    companion object {
+        fun getViewAnnotationManager(map: MapView): com.mapbox.maps.viewannotation.ViewAnnotationManager {
+            return map.viewAnnotationManager 
+        }
+        // fun getCamera(map: com.mapbox.maps.MapView): com.mapbox.maps.plugin.animation.CameraAnimationsPlugin {
+        //     return map.getPlugin("MAPBOX_CAMERA_PLUGIN_ID") 
+        // }
+        // fun getTelemetry(map: com.mapbox.maps.MapView): com.mapbox.maps.module.MapTelemetry {
+        //     return map.telemetry 
+        // }
+        fun addViewAnnotation(map: com.mapbox.maps.MapView, view: android.view.View, options: com.mapbox.maps.ViewAnnotationOptions) {
+            map.viewAnnotationManager.addViewAnnotation(view, options)
+        }
+        fun removeViewAnnotation(map: com.mapbox.maps.MapView, view: android.view.View) {
+            map.viewAnnotationManager.removeViewAnnotation(view)
+        }
+        fun updateViewAnnotation(map: com.mapbox.maps.MapView, view: android.view.View, options: com.mapbox.maps.ViewAnnotationOptions) {
+            map.viewAnnotationManager.updateViewAnnotation(view, options)
+        }
+        fun getViewAnnotationOptions(map: com.mapbox.maps.MapView, view: android.view.View): com.mapbox.maps.ViewAnnotationOptions? {
+            return map.viewAnnotationManager.getViewAnnotationOptions(view)
+        }
+        fun addOnViewAnnotationUpdatedListener(map: com.mapbox.maps.MapView, listener: com.mapbox.maps.viewannotation.OnViewAnnotationUpdatedListener) {
+            map.viewAnnotationManager.addOnViewAnnotationUpdatedListener(listener)
+        }
+        fun removeOnViewAnnotationUpdatedListener(map: com.mapbox.maps.MapView, listener: com.mapbox.maps.viewannotation.OnViewAnnotationUpdatedListener) {
+            map.viewAnnotationManager.removeOnViewAnnotationUpdatedListener(listener)
+        }
+    }
+}

package/platforms/android/res/drawable/ic_red_marker.xml

@@ -0,0 +1,16 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="40dp"
+    android:height="52dp"
+    android:viewportWidth="40"
+    android:viewportHeight="52">
+  <path
+      android:pathData="M11.25,39.063a8.75,2.188 0,1 0,17.5 0a8.75,2.188 0,1 0,-17.5 0z"
+      android:fillColor="#000000"
+      android:fillAlpha="0.3"/>
+  <path
+      android:pathData="M27.917,29.259C31.504,25.178 35,21.201 35,15C35,6.716 28.284,0 20,0C11.716,0 5,6.716 5,15C5,21.201 8.496,25.178 12.083,29.259C14.655,32.183 17.273,35.161 18.685,39.051C18.888,39.608 19.406,40 20,40C20.594,40 21.112,39.608 21.315,39.051C22.727,35.161 25.345,32.183 27.917,29.259Z"
+      android:fillColor="#EB252A"/>
+  <path
+      android:pathData="M25.5,15C25.5,18.038 23.038,20.5 20,20.5C16.962,20.5 14.5,18.038 14.5,15C14.5,11.962 16.962,9.5 20,9.5C23.038,9.5 25.5,11.962 25.5,15Z"
+      android:fillColor="#ffffff"/>
+</vector>