feat: getImage and removeImage

Author: cvietor

src/mapbox.android.ts

@@ -5,7 +5,7 @@
  */
 
 import { request } from '@nativescript-community/perms';
-import { AndroidApplication, Application, Color, File, Trace, Utils, knownFolders, path, ImageSource } from '@nativescript/core';
+import { AndroidApplication, Application, Color, File, Trace, Utils, knownFolders, path, ImageSource, Image } from '@nativescript/core';
 import { getImage } from '@nativescript/core/http';
 import { FilterParser } from './filter/filter-parser.android';
 import { GeoUtils } from './geo.utils';
@@ -1100,6 +1100,31 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
         });
     }
 
+    async getImage(imageId: string, nativeMap?: any): Promise<ImageSource> {
+        return new Promise((resolve, reject) => {
+            const theMap = nativeMap || this._mapboxMapInstance;
+            
+            if (!theMap) {
+                reject('No map has been loaded');
+                return;
+            }
+
+            try {
+                const nativeImage = theMap.getStyle().getImage(imageId);
+                const img = new ImageSource(nativeImage);
+
+                resolve(img); 
+            } catch (ex) {
+                reject("Error during getImage: " + ex);
+
+                if (Trace.isEnabled()) {
+                    CLog(CLogTypes.info, 'Error in mapbox.getImage: ' + ex);
+                }
+                throw ex;
+            }      
+        });
+    }
+
     async addImage(imageId: string, image: string, nativeMap?: any): Promise<void> {
         return new Promise((resolve, reject) => {
             const theMap = nativeMap || this._mapboxMapInstance;
@@ -1125,8 +1150,30 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
                     CLog(CLogTypes.info, 'Error in mapbox.addImage: ' + ex);
                 }
                 throw ex;
-            }
+            }      
+        });
+    }
+
+    async removeImage(imageId: string, nativeMap?: any): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const theMap = nativeMap || this._mapboxMapInstance;
 
+            if (!theMap) {
+                reject('No map has been loaded');
+                return;
+            }
+
+            try {
+                theMap.getStyle().removeImage(imageId);
+                resolve();
+            } catch (ex) {
+                reject("Error during removeImage: " + ex);
+
+                if (Trace.isEnabled()) {
+                    CLog(CLogTypes.info, 'Error in mapbox.removeImage: ' + ex);
+                }
+                throw ex;
+            }      
         });
     }
 

src/mapbox.common.ts

@@ -1,4 +1,4 @@
-import { Color, ContentView, Property, Trace, booleanConverter } from '@nativescript/core';
+import { Color, ContentView, Property, Trace, booleanConverter, ImageSource } from '@nativescript/core';
 
 export const MapboxTraceCategory = 'NativescriptMapbox';
 export enum CLogTypes {
@@ -661,7 +661,11 @@ export interface MapboxApi {
 
     getLayers(nativeMap?: any): Promise<LayerCommon[]>;
 
+    getImage(imageId: string, nativeMap?: any): Promise<ImageSource>
+
     addImage(imageId: string, image: string, nativeMap?: any): Promise<void>;
+    
+    removeImage(imageId: string, nativeMap?: any): Promise<void>;
 }
 
 // ------------------------------------------------------------
@@ -806,6 +810,12 @@ export interface MapboxViewApi {
 
     getLayers(nativeMap?: any): Promise<LayerCommon[]>;
 
+    getImage(imageId: string, nativeMap?: any): Promise<ImageSource>
+
+    addImage(imageId: string, image: string, nativeMap?: any): Promise<void>;
+
+    removeImage(imageId: string, nativeMap?: any): Promise<void>;
+
     destroy(): Promise<any>;
 
     onStart(): Promise<any>;
@@ -968,6 +978,15 @@ export abstract class MapboxViewCommonBase extends ContentView implements Mapbox
     getLayers(nativeMap?: any): Promise<LayerCommon[]> {
         return this.mapbox.getLayers(nativeMap);
     }
+    getImage(imageId: string): Promise<ImageSource> {
+        return this.mapbox.getImage(imageId, this.getNativeMapView());
+    }
+    addImage(imageId: string, image: string): Promise<void> {
+        return this.mapbox.addImage(imageId, image, this.getNativeMapView());
+    }
+    removeImage(imageId: string): Promise<void> {
+        return this.mapbox.removeImage(imageId, this.getNativeMapView());
+    }
     destroy(): Promise<any> {
         return this.mapbox && this.mapbox.destroy(this.getNativeMapView());
     }

src/mapbox.ios.ts

@@ -978,6 +978,31 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
         });
     }
 
+    async getImage(imageId: string, nativeMap?: any): Promise<ImageSource> {
+        return new Promise((resolve, reject) => {
+            const theMap: MGLMapView = nativeMap || this._mapboxViewInstance;
+            
+            if (!theMap) {
+                reject('No map has been loaded');
+                return;
+            }
+
+            try {
+                const nativeImage = theMap.style.imageForName(imageId);
+                const img = new ImageSource(nativeImage);
+                
+                resolve(img); 
+            } catch (ex) {
+                reject("Error during getImage: " + ex);
+
+                if (Trace.isEnabled()) {
+                    CLog(CLogTypes.info, 'Error in mapbox.getImage: ' + ex);
+                }
+                throw ex;
+            }      
+        });
+    }
+
     async addImage(imageId: string, image: string, nativeMap?: any): Promise<void> {
         return new Promise((resolve, reject) => {
             const theMap: MGLMapView = nativeMap || this._mapboxViewInstance;
@@ -1008,6 +1033,29 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
         });
     }
 
+    async removeImage(imageId: string, nativeMap?: any): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const theMap: MGLMapView = nativeMap || this._mapboxViewInstance;
+
+            if (!theMap) {
+                reject('No map has been loaded');
+                return;
+            }
+
+            try {
+                theMap.style.removeImageForName(imageId);
+                resolve();
+            } catch (ex) {
+                reject('Error during removeImage: ' + ex);
+
+                if (Trace.isEnabled()) {
+                    CLog(CLogTypes.info, 'Error in mapbox.removeImage: ' + ex);
+                }
+                throw ex;
+            }
+        });
+    }
+
     addMarkers(markers: MapboxMarker[], nativeMap?: any): Promise<void> {
         return new Promise((resolve, reject) => {
             try {