@nativescript-community/ui-mapbox 7.0.0 → 7.0.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.1](https://github.com/nativescript-community/ui-mapbox/compare/v7.0.0...v7.0.1) (2025-10-28)
+
+### Bug Fixes
+
+* **ios:** missing options and improvements ([3d4cedd](https://github.com/nativescript-community/ui-mapbox/commit/3d4cedd92761445ab7293668d2b22e8767f73cce))
+
 ## [7.0.0](https://github.com/nativescript-community/ui-mapbox/compare/v6.2.31...v7.0.0) (2025-10-25)
 
 ### Features

package/index.android.d.ts

@@ -427,11 +427,11 @@ export declare class Mapbox extends MapboxCommon implements MapboxApi {
      *
      * @todo at least with simulated data, the location is only updated once hence adding support for forceLocation method.
      */
-    showUserLocationMarker(options: TrackUserOptions & {
-        accuracyColor: any;
-        accuracyRingColor: any;
-        pulsingColor: any;
-    }, nativeMap?: any): Promise<void>;
+    showUserLocationMarker(options: Partial<TrackUserOptions & {
+        accuracyColor?: any;
+        accuracyRingColor?: any;
+        pulsingColor?: any;
+    }>, nativeMap?: any): Promise<void>;
     /**
      * hide (destroy) the user location marker
      *

package/index.android.js

@@ -115,6 +115,9 @@ export class MapboxView extends MapboxViewBase {
      * programmatically include settings
      */
     setConfig(settings) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'setConfig()');
+        }
         // zoom level is not applied unless center is set
         if (settings.zoomLevel && !settings.center) {
             // Eiffel tower, Paris
@@ -220,13 +223,14 @@ export class MapboxView extends MapboxViewBase {
      * @todo FIXME: this.nativeMapView is unused and never actually set to anything.
      */
     async initMap() {
+        const accessToken = this.config?.accessToken ?? this.settings?.accessToken;
         if (Trace.isEnabled()) {
-            CLog(CLogTypes.info, "MapboxView:initMap(): top - accessToken is '" + this.config.accessToken + "'", this.config);
+            CLog(CLogTypes.info, "MapboxView:initMap(): top - accessToken is '" + accessToken + "'", this.config);
         }
-        if (!this.config.accessToken) {
+        if (!accessToken) {
             throw new Error('missing accessToken');
         }
-        if (!this.nativeMapView && ((this.config && this.config.accessToken) || (this.settings && this.settings.accessToken))) {
+        if (!this.nativeMapView) {
             this.mapbox = new Mapbox(this);
             // the NativeScript contentview class extends from Observable to provide the notify method
             // which is the glue that joins this code with whatever callbacks are set in the Mapbox XML
@@ -2573,23 +2577,14 @@ export class Mapbox extends MapboxCommon {
         if (Trace.isEnabled()) {
             CLog(CLogTypes.info, 'trackUser(): top');
         }
-        return new Promise((resolve, reject) => {
+        return new Promise(async (resolve, reject) => {
             try {
                 if (!this._mapboxMapInstance) {
                     reject('No map has been loaded');
                     return;
                 }
-                this.requestFineLocationPermission()
-                    .then(() => {
-                    // if (this._locationComponent) {
-                    //     this.changeUserLocationMarkerMode(options.renderMode || 'COMPASS', options.cameraMode || 'TRACKING');
-                    // } else {
-                    this.showUserLocationMarker(options);
-                    // }
-                })
-                    .catch((err) => {
-                    console.error('Location permission denied. error:', err);
-                });
+                await this.requestFineLocationPermission();
+                this.showUserLocationMarker(options, nativeMap);
                 resolve();
             }
             catch (ex) {
@@ -2846,64 +2841,6 @@ export class Mapbox extends MapboxCommon {
                     return settings;
                 }
             }));
-            // if (typeof options.elevation != 'undefined') {
-            //     componentOptionsBuilder = componentOptionsBuilder.elevation(options.elevation);
-            // }
-            // if (typeof options.accuracyAlpha != 'undefined') {
-            //     componentOptionsBuilder = componentOptionsBuilder.accuracyAlpha(options.accuracyAlpha);
-            // }
-            // if (typeof options.foregroundTintColor != 'undefined') {
-            //     const foregroundTintColor = new java.lang.Integer(android.graphics.Color.parseColor(options.foregroundTintColor));
-            //     componentOptionsBuilder = componentOptionsBuilder.foregroundTintColor(foregroundTintColor);
-            // }
-            // if (typeof options.foregroundStaleTintColor != 'undefined') {
-            //     const foregroundStaleTintColor = new java.lang.Integer(android.graphics.Color.parseColor(options.foregroundStaleTintColor));
-            //     componentOptionsBuilder = componentOptionsBuilder.foregroundStaleTintColor(foregroundStaleTintColor);
-            // }
-            // if (typeof options.backgroundTintColor != 'undefined') {
-            //     const backgroundTintColor = new java.lang.Integer(android.graphics.Color.parseColor(options.backgroundTintColor));
-            //     componentOptionsBuilder = componentOptionsBuilder.backgroundTintColor(backgroundTintColor);
-            // }
-            // if (typeof options.bearingTintColor != 'undefined') {
-            //     const bearingTintColor = new java.lang.Integer(android.graphics.Color.parseColor(options.bearingTintColor));
-            //     componentOptionsBuilder = componentOptionsBuilder.bearingTintColor(bearingTintColor);
-            // }
-            // const componentOptions = componentOptionsBuilder.build();
-            // this._locationComponent = this._mapboxMapInstance.getLocationComponent();
-            // const activationOptionsBuilder = com.mapbox.maps.location.LocationComponentActivationOptions.builder(Utils.android.getApplicationContext(), this._mapboxMapInstance.getStyle());
-            // activationOptionsBuilder.locationComponentOptions(componentOptions);
-            // let useDefaultEngine = true;
-            // if (typeof options.useDefaultLocationEngine != 'undefined') {
-            //     useDefaultEngine = options.useDefaultLocationEngine;
-            // }
-            // activationOptionsBuilder.useDefaultLocationEngine(useDefaultEngine);
-            // const locationComponentActivationOptions = activationOptionsBuilder.build();
-            // this._locationComponent.activateLocationComponent(locationComponentActivationOptions);
-            // this._locationComponent.setLocationComponentEnabled(true);
-            // let cameraMode = this._stringToCameraMode('TRACKING');
-            // if (typeof options.cameraMode != 'undefined') {
-            //     cameraMode = this._stringToCameraMode(options.cameraMode);
-            // }
-            // this._locationComponent.setCameraMode(cameraMode);
-            // let renderMode = com.mapbox.maps.location.modes.RenderMode.COMPASS;
-            // if (typeof options.renderMode != 'undefined') {
-            //     renderMode = this._stringToRenderMode(options.renderMode);
-            // }
-            // this._locationComponent.setRenderMode(renderMode);
-            // if (Trace.isEnabled()) {
-            //     CLog(CLogTypes.info, 'showUserLocationMarker(): after renderMode');
-            // }
-            // if (typeof options.clickListener != 'undefined') {
-            //     this.onLocationClickListener = new com.mapbox.maps.location.OnLocationClickListener({
-            //         onLocationComponentClick: () => {
-            //             options.clickListener();
-            //         }
-            //     });
-            //     this._locationComponent.addOnLocationClickListener(this.onLocationClickListener);
-            // }
-            // if (typeof options.cameraTrackingChangedListener != 'undefined') {
-            //     this._locationComponent.addOnCameraTrackingChangedListener(options.cameraTrackingChangedListener);
-            // }
         }
         catch (ex) {
             if (Trace.isEnabled()) {
@@ -2959,7 +2896,7 @@ export class Mapbox extends MapboxCommon {
         return new Promise((resolve, reject) => {
             try {
                 if (Trace.isEnabled()) {
-                    CLog(CLogTypes.info, 'showUserLocationMarker()');
+                    CLog(CLogTypes.info, 'changeUserLocationMarkerMode()');
                 }
                 if (!this._mapboxMapInstance) {
                     throw new Error('No map has been loaded');

package/index.ios.d.ts

@@ -86,7 +86,7 @@ export declare class Mapbox extends MapboxCommon implements MapboxApi {
     downloadOfflineRegion(options: DownloadOfflineRegionOptions, nativeMap?: any): Promise<void>;
     listOfflineRegions(options?: ListOfflineRegionsOptions, nativeMap?: any): Promise<OfflineRegion[]>;
     deleteOfflineRegion(options: DeleteOfflineRegionOptions, nativeMap?: any): Promise<void>;
-    showUserLocationMarker(show: boolean): Promise<void>;
+    showUserLocationMarker(options: Partial<TrackUserOptions>): Promise<void>;
     hideUserLocationMarker(nativeMap?: any): Promise<void>;
     forceUserLocationUpdate(nativeMap?: any): Promise<boolean>;
     trackUser(options: TrackUserOptions, nativeMap?: any): Promise<void>;

package/index.ios.js

@@ -110,8 +110,12 @@ export class MapboxView extends MapboxViewBase {
         this.initCountHack = 50;
     }
     setConfig(settings) {
-        if (Trace.isEnabled()) {
-            CLog(CLogTypes.info, 'setConfig(): settings:', settings);
+        if (settings.zoomLevel && !settings.center) {
+            // Eiffel tower, Paris
+            settings.center = {
+                lat: 48.858093,
+                lng: 2.294694
+            };
         }
         this.settings = settings;
     }
@@ -150,7 +154,7 @@ export class MapboxView extends MapboxViewBase {
     }
     initMap() {
         if (Trace.isEnabled()) {
-            CLog(CLogTypes.info, 'initMap() top with settings:', this.settings);
+            CLog(CLogTypes.info, 'initMap() top');
         }
         if (!this.settings && !this.config.accessToken) {
             if (this.initCountHack > 50)
@@ -398,6 +402,9 @@ export class Mapbox extends MapboxCommon {
                 // setTimeout(() => view.addSubview(nativeMap), 0);
                 view.addSubview(nativeMap);
                 this.setMapboxViewInstance(nativeMap);
+                if (settings.showUserLocation) {
+                    this.showUserLocationMarker({});
+                }
                 this.initEventHandlerShim(settings, this._mapboxViewInstance);
                 if (settings.onMapReady) {
                     settings.onMapReady(this._mapboxViewInstance);
@@ -1503,7 +1510,7 @@ export class Mapbox extends MapboxCommon {
         });
     }
     // ---------------- User location & tilt ----------------
-    showUserLocationMarker(show) {
+    showUserLocationMarker(options) {
         return new Promise((resolve, reject) => {
             try {
                 const b = this.bridgeInstance;
@@ -1511,7 +1518,7 @@ export class Mapbox extends MapboxCommon {
                     reject('No bridge available');
                     return;
                 }
-                b.showUserLocationMarker(show);
+                b.showUserLocationMarker(JSON.stringify(options));
                 resolve();
             }
             catch (ex) {
@@ -1562,7 +1569,7 @@ export class Mapbox extends MapboxCommon {
                 if (Trace.isEnabled()) {
                     CLog(CLogTypes.info, 'trackUser():', JSON.stringify(options));
                 }
-                const ok = b.trackUser(JSON.stringify(options));
+                const ok = b.showUserLocationMarker(JSON.stringify(options));
                 if (ok) {
                     resolve();
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript-community/ui-mapbox",
-    "version": "7.0.0",
+    "version": "7.0.1",
     "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": "7975da7394c6777e5a43c15f34c706803201f728"
+    "gitHead": "c775cf24ff6f702e028f9a4fe2d562a863281eb5"
 }

package/platforms/ios/src/MapboxBridge.swift

@@ -176,10 +176,11 @@ public class MapboxBridge: NSObject {
     @objc public func createMap(_ x: Double, _ y: Double, _ width: Double, _ height: Double, _ accessToken: String, _ styleURIString: String?, _ optionsJSON: String) -> UIView {
         MapboxOptions.accessToken = accessToken
         let styleURI = getMapStyleURI(styleURIString)
-        
+        let optionsOpt = MapboxBridge.parseJSONParameter(optionsJSON) as? [String: Any]
+
         var centerCoordinate = CLLocationCoordinate2D(latitude: 48.858093, longitude: 2.294694)
         var zoom = 0.0
-        if let options = MapboxBridge.parseJSONParameter(optionsJSON) as? [String: Any] {
+        if let options = optionsOpt {
             if let z = options["zoomLevel"] as? Double {
                 zoom = z
             }
@@ -202,6 +203,31 @@ public class MapboxBridge: NSObject {
         MapboxBridge.registerBridge(self, for: mv)
         
         addImage("default_pin", image: UIImage(named: "default_pin"))
+
+        if let options = optionsOpt {
+            if ((options["hideLogo"] as? Bool) == true) {
+                mv.ornaments.logoView.isHidden = true
+            }
+            if ((options["hideAttribution"] as? Bool) == true) {
+                mv.ornaments.attributionButton.isHidden = true
+            }
+            if ((options["hideCompass"] as? Bool) == true) {
+                mv.ornaments.compassView.isHidden = true
+            }
+            if ((options["disableRotation"] as? Bool) == true) {
+                mv.gestures.options.rotateEnabled = false
+            }
+            if ((options["disableScroll"] as? Bool) == true) {
+                mv.gestures.options.panEnabled = false
+            }
+            if ((options["disableZoom"] as? Bool) == true) {
+                mv.gestures.options.pinchZoomEnabled = false
+                mv.gestures.options.quickZoomEnabled = false
+            }
+            if ((options["disableTilt"] as? Bool) == true) {
+                mv.gestures.options.pitchEnabled = false
+            }
+        }
         
         // mapLoaded
         mv.mapboxMap.onMapLoaded.observeNext { _ in
@@ -1162,7 +1188,7 @@ public class MapboxBridge: NSObject {
     }
     
     
-    @objc public func trackUser(_ optionsJSON: String) -> Bool {
+    @objc public func showUserLocationMarker(_ optionsJSON: String) -> Bool {
         guard let mv = mapView else { return false }
         
         guard let data = optionsJSON.data(using: .utf8),

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../../src/ui-mapbox/common.ts","../../src/ui-mapbox/geo.utils.ts","../../src/ui-mapbox/index.android.ts","../../src/ui-mapbox/index.d.ts","../../src/ui-mapbox/index.ios.ts","../../src/ui-mapbox/references.d.ts","../../src/ui-mapbox/expression/expression-parser.android.ts","../../src/ui-mapbox/expression/expression-parser.d.ts","../../src/ui-mapbox/expression/expression-parser.ios.ts","../../src/ui-mapbox/layers/layer-factory.android.ts","../../src/ui-mapbox/layers/layer-factory.d.ts","../../src/ui-mapbox/layers/layer-factory.ios.ts","../../src/ui-mapbox/layers/parser/property-parser.android.ts","../../src/ui-mapbox/layers/parser/property-parser.d.ts","../../src/ui-mapbox/layers/parser/property-parser.ios.ts","../../src/ui-mapbox/markers/marker.android.ts","../../src/ui-mapbox/markers/marker.common.ts","../../src/ui-mapbox/markers/markermanager.android.ts","../../src/ui-mapbox/typings/mapbox.ios.d.ts","../../src/ui-mapbox/typings/geojson.android.d.ts","../../src/ui-mapbox/typings/index.android.d.ts","../../src/ui-mapbox/typings/mapbox.android.d.ts","../../src/ui-mapbox/typings/mapbox.bridge.ios.d.ts","../../references.d.ts","../../tools/references.d.ts"],"version":"5.8.3"}
+{"root":["../../src/ui-mapbox/common.ts","../../src/ui-mapbox/geo.utils.ts","../../src/ui-mapbox/index.android.ts","../../src/ui-mapbox/index.d.ts","../../src/ui-mapbox/index.ios.ts","../../src/ui-mapbox/references.d.ts","../../src/ui-mapbox/expression/expression-parser.android.ts","../../src/ui-mapbox/expression/expression-parser.d.ts","../../src/ui-mapbox/expression/expression-parser.ios.ts","../../src/ui-mapbox/layers/layer-factory.android.ts","../../src/ui-mapbox/layers/layer-factory.d.ts","../../src/ui-mapbox/layers/layer-factory.ios.ts","../../src/ui-mapbox/layers/parser/property-parser.android.ts","../../src/ui-mapbox/layers/parser/property-parser.d.ts","../../src/ui-mapbox/layers/parser/property-parser.ios.ts","../../src/ui-mapbox/markers/Marker.android.ts","../../src/ui-mapbox/markers/Marker.common.ts","../../src/ui-mapbox/markers/MarkerManager.android.ts","../../src/ui-mapbox/typings/Mapbox.ios.d.ts","../../src/ui-mapbox/typings/geojson.android.d.ts","../../src/ui-mapbox/typings/index.android.d.ts","../../src/ui-mapbox/typings/mapbox.android.d.ts","../../src/ui-mapbox/typings/mapbox.bridge.ios.d.ts","../../references.d.ts","../../tools/references.d.ts"],"version":"5.8.3"}