@rnmapbox/maps 10.0.0-beta.61 → 10.0.0-beta.64

package/ios/RCTMGL-v10/RCTMGLOfflineModule.swift

@@ -364,13 +364,17 @@ class RCTMGLOfflineModule: RCTEventEmitter {
         }) { result in
           switch result {
           case .success(let value):
-            if let progess = lastProgress {
-              self.offlinePackProgressDidChange(progress: progess, metadata: metadata, state: .complete)
+            DispatchQueue.main.async {
+              if let progess = lastProgress {
+                self.offlinePackProgressDidChange(progress: progess, metadata: metadata, state: .complete)
+              }
+              self.tileRegionPacks[id]!.state = .complete
             }
-            self.tileRegionPacks[id]!.state = .complete
           case .failure(let error):
-            self.tileRegionPacks[id]!.state = .inactive
-            self.offlinePackDidReceiveError(name: id, error: error)
+            DispatchQueue.main.async {
+              self.tileRegionPacks[id]!.state = .inactive
+              self.offlinePackDidReceiveError(name: id, error: error)
+            }
           }
         }
 

package/ios/RCTMGL-v10/RCTMGLPointAnnotation.swift

@@ -13,7 +13,14 @@ class RCTMGLPointAnnotation : RCTMGLInteractiveElement {
   static let key = "RCTMGLPointAnnotation"
   static var gid = 0;
   
-  var annotation : PointAnnotation! = nil
+  lazy var annotation : PointAnnotation = {
+    var result = PointAnnotation(coordinate: CLLocationCoordinate2D())
+    result.isDraggable = false // we implement our own drag logic
+    result.userInfo = [RCTMGLPointAnnotation.key:WeakRef(self)]
+    return result
+  }()
+  var added = false
+
   weak var callout: RCTMGLCallout? = nil
   var calloutId : String?
   var image : UIImage? = nil
@@ -30,26 +37,30 @@ class RCTMGLPointAnnotation : RCTMGLInteractiveElement {
     }
   }
   
-  func _create(point: Point) -> PointAnnotation {
-    var result = PointAnnotation(point: point)
-    result.userInfo = [RCTMGLPointAnnotation.key:WeakRef(self)]
-    return result
+  @objc var anchor: [String:NSNumber] = [:] {
+    didSet {
+      update { annotation in
+        _updateAnchor(&annotation)
+      }
+    }
   }
-
-  func _refresh(_ annotation: PointAnnotation) {
-    map?.pointAnnotationManager.refresh(annotation)
+  
+  func _updateAnchor(_ annotation: inout PointAnnotation) {
+    if !anchor.isEmpty {
+      if let image = annotation.image {
+        let size = image.image.size
+        annotation.iconAnchor = .topLeft
+        annotation.iconOffset = [size.width * (anchor["x"]?.CGFloat ?? 0.0) * -1.0, size.height * (anchor["y"]?.CGFloat ?? 0.0) * -1.0]
+      }
+    }
   }
 
   func _updateCoordinate() {
     guard let point = point() else {
       return
     }
-    if var annotation = annotation {
+    update { annotation in
       annotation.point = point
-      _refresh(annotation)
-    } else {
-      annotation = _create(point: point)
-      setAnnotationImage(inital: true)
     }
   }
    
@@ -79,28 +90,13 @@ class RCTMGLPointAnnotation : RCTMGLInteractiveElement {
    
   func changeImage(_ image: UIImage, initial: Bool = false) {
     self.image = image
-    if initial {
-      doChangeImage(image)
-    } else {
-      let oldAnnotation = annotation
-      if let map = self.map, let oldAnnotation = oldAnnotation {
-        map.pointAnnotationManager.remove(oldAnnotation)
-      }
-      guard let point = oldAnnotation?.point ?? point() else {
-        return
-      }
-      self.annotation = _create(point: point)
-      doChangeImage(image)
+
+    update { annotation in
+      let name =  "rnview-\(gid())-\(annotation.id)"
+      annotation.image = PointAnnotation.Image(image: image , name: name)
+      _updateAnchor(&annotation)
     }
   }
-  
-   func doChangeImage(_ image: UIImage) {
-     let name =  "rnview-\(gid())-\(annotation.id)"
-     annotation.image = PointAnnotation.Image(image: image , name: name)
-     if let map = self.map {
-       map.pointAnnotationManager.add(annotation)
-     }
-   }
    
   func setAnnotationImage(inital: Bool = false) {
     if let image = _createViewSnapshot() {
@@ -170,9 +166,7 @@ class RCTMGLPointAnnotation : RCTMGLInteractiveElement {
       if let size = image?.size {
         calloutPtAnnotation.iconOffset = [0, -size.height]
       }
-      self.map?.calloutAnnotationManager.annotations.append(
-        
-        calloutPtAnnotation)
+      self.map?.calloutAnnotationManager.annotations.append(calloutPtAnnotation)
     }
   }
   
@@ -214,16 +208,12 @@ class RCTMGLPointAnnotation : RCTMGLInteractiveElement {
   
   override func addToMap(_ map: RCTMGLMapView, style: Style) {
     self.map = map
-    if (annotation != nil) {
-      self.map?.pointAnnotationManager.add(annotation)
-    }
+    addIfPossible()
   }
 
   override func removeFromMap(_ map: RCTMGLMapView) {
-    self.map = map
-    if (annotation != nil) {
-      self.map?.pointAnnotationManager.remove(annotation)
-    }
+    removeIfAdded()
+    self.map = nil
   }
   
   // MARK: - RCTMGLInteractiveElement
@@ -233,3 +223,35 @@ class RCTMGLPointAnnotation : RCTMGLInteractiveElement {
   }
 }
 
+// MARK: - add/remove/update of point annotation
+
+extension RCTMGLPointAnnotation {
+  func removeIfAdded() {
+    if added, let pointAnnotationManager = map?.pointAnnotationManager {
+      pointAnnotationManager.remove(annotation)
+      added = false
+    }
+  }
+  
+  @discardableResult
+  func addIfPossible() -> Bool {
+    if !added && annotation.point.coordinates.isValid(), let pointAnnotationManager = map?.pointAnnotationManager {
+      pointAnnotationManager.add(annotation)
+      added = true
+      return true
+    }
+    return false
+  }
+  
+  func update(callback: (_ annotation: inout PointAnnotation) -> Void) {
+    callback(&annotation)
+    if let pointAnnotationManager = map?.pointAnnotationManager {
+      if added {
+        pointAnnotationManager.update(annotation)
+      } else if !added {
+        addIfPossible()
+      }
+    }
+  }
+}
+

package/ios/RCTMGL-v10/RCTMGLPointAnnotationManager.m

@@ -7,6 +7,7 @@
 RCT_EXPORT_VIEW_PROPERTY(coordinate, NSString)
 RCT_EXPORT_VIEW_PROPERTY(draggable, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(id, NSString)
+RCT_EXPORT_VIEW_PROPERTY(anchor, NSDictionary)
 
 RCT_REMAP_VIEW_PROPERTY(onMapboxPointAnnotationDeselected, onDeselected, RCTBubblingEventBlock)
 RCT_REMAP_VIEW_PROPERTY(onMapboxPointAnnotationDrag, onDrag, RCTBubblingEventBlock)

package/ios/RCTMGL-v10/RCTMGLStyle.swift

@@ -74,8 +74,6 @@ func fillLayer(layer: inout FillLayer, reactStyle:Dictionary<String, Any>, apply
           }
         });
       }
-    } else if (prop == "fillPatternTransition") {
-      self.setFillPatternTransition(&layer, styleValue:styleValue);
     } else {
       Logger.log(level:.error, message: "Unexpected property \(prop) for layer: fill")
     }
@@ -141,8 +139,6 @@ func lineLayer(layer: inout LineLayer, reactStyle:Dictionary<String, Any>, apply
       self.setLineBlurTransition(&layer, styleValue:styleValue);
     } else if (prop == "lineDasharray") {
       self.setLineDasharray(&layer, styleValue:styleValue);
-    } else if (prop == "lineDasharrayTransition") {
-      self.setLineDasharrayTransition(&layer, styleValue:styleValue);
     } else if (prop == "linePattern") {
       if (!styleValue.shouldAddImage()) {
         self.setLinePattern(&layer, styleValue:styleValue);
@@ -166,8 +162,6 @@ func lineLayer(layer: inout LineLayer, reactStyle:Dictionary<String, Any>, apply
           }
         });
       }
-    } else if (prop == "linePatternTransition") {
-      self.setLinePatternTransition(&layer, styleValue:styleValue);
     } else if (prop == "lineGradient") {
       self.setLineGradient(&layer, styleValue:styleValue);
     } else if (prop == "lineTrimOffset") {
@@ -512,8 +506,6 @@ func fillExtrusionLayer(layer: inout FillExtrusionLayer, reactStyle:Dictionary<S
           }
         });
       }
-    } else if (prop == "fillExtrusionPatternTransition") {
-      self.setFillExtrusionPatternTransition(&layer, styleValue:styleValue);
     } else if (prop == "fillExtrusionHeight") {
       self.setFillExtrusionHeight(&layer, styleValue:styleValue);
     } else if (prop == "fillExtrusionHeightTransition") {
@@ -668,8 +660,6 @@ func backgroundLayer(layer: inout BackgroundLayer, reactStyle:Dictionary<String,
           }
         });
       }
-    } else if (prop == "backgroundPatternTransition") {
-      self.setBackgroundPatternTransition(&layer, styleValue:styleValue);
     } else if (prop == "backgroundOpacity") {
       self.setBackgroundOpacity(&layer, styleValue:styleValue);
     } else if (prop == "backgroundOpacityTransition") {
@@ -926,11 +916,6 @@ func setFillPattern(_ layer: inout FillLayer, styleValue: RCTMGLStyleValue)
       
 }
 
-func setFillPatternTransition(_ layer: inout FillLayer, styleValue: RCTMGLStyleValue)
-{
-    layer.fillPatternTransition = styleValue.getTransition();
-}
-
 
 
 func setLineCap(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
@@ -1099,11 +1084,6 @@ func setLineDasharray(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
       
 }
 
-func setLineDasharrayTransition(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
-{
-    layer.lineDasharrayTransition = styleValue.getTransition();
-}
-
 func setLinePattern(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
 {
       
@@ -1113,11 +1093,6 @@ func setLinePattern(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
       
 }
 
-func setLinePatternTransition(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
-{
-    layer.linePatternTransition = styleValue.getTransition();
-}
-
 func setLineGradient(_ layer: inout LineLayer, styleValue: RCTMGLStyleValue)
 {
       
@@ -1987,11 +1962,6 @@ func setFillExtrusionPattern(_ layer: inout FillExtrusionLayer, styleValue: RCTM
       
 }
 
-func setFillExtrusionPatternTransition(_ layer: inout FillExtrusionLayer, styleValue: RCTMGLStyleValue)
-{
-    layer.fillExtrusionPatternTransition = styleValue.getTransition();
-}
-
 func setFillExtrusionHeight(_ layer: inout FillExtrusionLayer, styleValue: RCTMGLStyleValue)
 {
       
@@ -2249,11 +2219,6 @@ func setBackgroundPattern(_ layer: inout BackgroundLayer, styleValue: RCTMGLStyl
       
 }
 
-func setBackgroundPatternTransition(_ layer: inout BackgroundLayer, styleValue: RCTMGLStyleValue)
-{
-    layer.backgroundPatternTransition = styleValue.getTransition();
-}
-
 func setBackgroundOpacity(_ layer: inout BackgroundLayer, styleValue: RCTMGLStyleValue)
 {
       

package/ios/RCTMGL.xcodeproj/project.pbxproj

@@ -0,0 +1 @@
+https://github.com/rnmapbox/maps/issues/2254

package/javascript/components/MapView.js

@@ -523,7 +523,7 @@ class MapView extends NativeBridgeComponent(
    * @param  {Array=} layerIDs -  A array of layer id's to filter the features by
    * @return {FeatureCollection}
    */
-  async queryRenderedFeaturesInRect(bbox, filter = [], layerIDs = []) {
+  async queryRenderedFeaturesInRect(bbox, filter = [], layerIDs = null) {
     if (
       bbox != null &&
       (bbox.length === 4 || (MapboxGL.MapboxV10 && bbox.length === 0))

package/javascript/components/UserLocation.js

@@ -142,6 +142,8 @@ class UserLocation extends React.Component {
   async componentDidMount() {
     this._isMounted = true;
 
+    locationManager.setMinDisplacement(this.props.minDisplacement);
+
     await this.setLocationManager({
       running: this.needsLocationManagerRunning(),
     });
@@ -149,8 +151,6 @@ class UserLocation extends React.Component {
     if (this.renderMode === UserLocation.RenderMode.Native) {
       return;
     }
-
-    locationManager.setMinDisplacement(this.props.minDisplacement);
   }
 
   async componentDidUpdate(prevProps) {

package/javascript/modules/location/locationManager.js

@@ -64,7 +64,18 @@ class LocationManager {
     this.stop();
   }
 
-  start(displacement = 0) {
+  start(displacement = -1) {
+    if (
+      displacement === -1 ||
+      displacement === null ||
+      displacement === undefined
+    ) {
+      displacement = this._minDisplacement;
+    }
+    if (displacement == null) {
+      displacement = -1;
+    }
+
     if (!this._isListening) {
       MapboxGLLocationManager.start(displacement);
 
@@ -88,6 +99,7 @@ class LocationManager {
   }
 
   setMinDisplacement(minDisplacement) {
+    this._minDisplacement = minDisplacement;
     MapboxGLLocationManager.setMinDisplacement(minDisplacement);
   }
 

package/javascript/utils/MapboxStyles.d.ts

@@ -484,16 +484,14 @@ export interface FillLayerStyleProps {
    *
    * @requires fillTranslate
    */
-  fillTranslateAnchor?: Value<Translation, ['zoom']>;
+  fillTranslateAnchor?: Value<
+    Enum<FillTranslateAnchorEnum, FillTranslateAnchorEnumValues>,
+    ['zoom']
+  >;
   /**
    * Name of image in sprite to use for drawing image fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoomDependent expressions will be evaluated only at integer zoom levels.
    */
   fillPattern?: Value<ResolvedImageType, ['zoom', 'feature']>;
-
-  /**
-   * The transition affecting any changes to this layer’s fillPattern property.
-   */
-  fillPatternTransition?: Transition;
 }
 export interface LineLayerStyleProps {
   /**
@@ -554,7 +552,10 @@ export interface LineLayerStyleProps {
    *
    * @requires lineTranslate
    */
-  lineTranslateAnchor?: Value<Translation, ['zoom']>;
+  lineTranslateAnchor?: Value<
+    Enum<LineTranslateAnchorEnum, LineTranslateAnchorEnumValues>,
+    ['zoom']
+  >;
   /**
    * Stroke thickness.
    */
@@ -597,20 +598,10 @@ export interface LineLayerStyleProps {
    * @disabledBy linePattern
    */
   lineDasharray?: Value<number[], ['zoom', 'feature']>;
-
-  /**
-   * The transition affecting any changes to this layer’s lineDasharray property.
-   */
-  lineDasharrayTransition?: Transition;
   /**
    * Name of image in sprite to use for drawing image lines. For seamless patterns, image width must be a factor of two (2, 4, 8, ..., 512). Note that zoomDependent expressions will be evaluated only at integer zoom levels.
    */
   linePattern?: Value<ResolvedImageType, ['zoom', 'feature']>;
-
-  /**
-   * The transition affecting any changes to this layer’s linePattern property.
-   */
-  linePatternTransition?: Transition;
   /**
    * Defines a gradient with which to color a line feature. Can only be used with GeoJSON sources that specify `"lineMetrics": true`.
    *
@@ -970,7 +961,10 @@ export interface SymbolLayerStyleProps {
    *
    * @requires iconImage, iconTranslate
    */
-  iconTranslateAnchor?: Value<Translation, ['zoom']>;
+  iconTranslateAnchor?: Value<
+    Enum<IconTranslateAnchorEnum, IconTranslateAnchorEnumValues>,
+    ['zoom']
+  >;
   /**
    * The opacity at which the text will be drawn.
    *
@@ -1042,7 +1036,10 @@ export interface SymbolLayerStyleProps {
    *
    * @requires textField, textTranslate
    */
-  textTranslateAnchor?: Value<Translation, ['zoom']>;
+  textTranslateAnchor?: Value<
+    Enum<TextTranslateAnchorEnum, TextTranslateAnchorEnumValues>,
+    ['zoom']
+  >;
 }
 export interface CircleLayerStyleProps {
   /**
@@ -1103,7 +1100,10 @@ export interface CircleLayerStyleProps {
    *
    * @requires circleTranslate
    */
-  circleTranslateAnchor?: Value<Translation, ['zoom']>;
+  circleTranslateAnchor?: Value<
+    Enum<CircleTranslateAnchorEnum, CircleTranslateAnchorEnumValues>,
+    ['zoom']
+  >;
   /**
    * Controls the scaling behavior of the circle when the map is pitched.
    */
@@ -1226,16 +1226,17 @@ export interface FillExtrusionLayerStyleProps {
    *
    * @requires fillExtrusionTranslate
    */
-  fillExtrusionTranslateAnchor?: Value<Translation, ['zoom']>;
+  fillExtrusionTranslateAnchor?: Value<
+    Enum<
+      FillExtrusionTranslateAnchorEnum,
+      FillExtrusionTranslateAnchorEnumValues
+    >,
+    ['zoom']
+  >;
   /**
    * Name of image in sprite to use for drawing images on extruded fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoomDependent expressions will be evaluated only at integer zoom levels.
    */
   fillExtrusionPattern?: Value<ResolvedImageType, ['zoom', 'feature']>;
-
-  /**
-   * The transition affecting any changes to this layer’s fillExtrusionPattern property.
-   */
-  fillExtrusionPatternTransition?: Transition;
   /**
    * The height with which to extrude this layer.
    */
@@ -1408,11 +1409,6 @@ export interface BackgroundLayerStyleProps {
    * Name of image in sprite to use for drawing an image background. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoomDependent expressions will be evaluated only at integer zoom levels.
    */
   backgroundPattern?: Value<ResolvedImageType, ['zoom']>;
-
-  /**
-   * The transition affecting any changes to this layer’s backgroundPattern property.
-   */
-  backgroundPatternTransition?: Transition;
   /**
    * The opacity at which the background will be drawn.
    */

package/javascript/utils/styleMap.ts

@@ -120,14 +120,6 @@ export const FillLayerStyleProp = PropTypes.shape({
     PropTypes.string,
     PropTypes.array,
   ]),
-
-  /**
-   * The transition affecting any changes to this layer’s fillPattern property.
-   */
-  fillPatternTransition: PropTypes.shape({
-    duration: PropTypes.number,
-    delay: PropTypes.number,
-  }),
 });
 
 export const LineLayerStyleProp = PropTypes.shape({
@@ -283,14 +275,6 @@ export const LineLayerStyleProp = PropTypes.shape({
     PropTypes.array,
   ]),
 
-  /**
-   * The transition affecting any changes to this layer’s lineDasharray property.
-   */
-  lineDasharrayTransition: PropTypes.shape({
-    duration: PropTypes.number,
-    delay: PropTypes.number,
-  }),
-
   /**
    * Name of image in sprite to use for drawing image lines. For seamless patterns, image width must be a factor of two (2, 4, 8, ..., 512). Note that zoomDependent expressions will be evaluated only at integer zoom levels.
    */
@@ -300,14 +284,6 @@ export const LineLayerStyleProp = PropTypes.shape({
     PropTypes.array,
   ]),
 
-  /**
-   * The transition affecting any changes to this layer’s linePattern property.
-   */
-  linePatternTransition: PropTypes.shape({
-    duration: PropTypes.number,
-    delay: PropTypes.number,
-  }),
-
   /**
    * Defines a gradient with which to color a line feature. Can only be used with GeoJSON sources that specify `"lineMetrics": true`.
    *
@@ -1153,14 +1129,6 @@ export const FillExtrusionLayerStyleProp = PropTypes.shape({
     PropTypes.array,
   ]),
 
-  /**
-   * The transition affecting any changes to this layer’s fillExtrusionPattern property.
-   */
-  fillExtrusionPatternTransition: PropTypes.shape({
-    duration: PropTypes.number,
-    delay: PropTypes.number,
-  }),
-
   /**
    * The height with which to extrude this layer.
    */
@@ -1413,14 +1381,6 @@ export const BackgroundLayerStyleProp = PropTypes.shape({
     PropTypes.array,
   ]),
 
-  /**
-   * The transition affecting any changes to this layer’s backgroundPattern property.
-   */
-  backgroundPatternTransition: PropTypes.shape({
-    duration: PropTypes.number,
-    delay: PropTypes.number,
-  }),
-
   /**
    * The opacity at which the background will be drawn.
    */
@@ -1674,7 +1634,6 @@ const styleMap = {
   fillTranslateTransition: StyleTypes.Transition,
   fillTranslateAnchor: StyleTypes.Enum,
   fillPattern: StyleTypes.Image,
-  fillPatternTransition: StyleTypes.Transition,
 
   lineCap: StyleTypes.Enum,
   lineJoin: StyleTypes.Enum,
@@ -1697,9 +1656,7 @@ const styleMap = {
   lineBlur: StyleTypes.Constant,
   lineBlurTransition: StyleTypes.Transition,
   lineDasharray: StyleTypes.Constant,
-  lineDasharrayTransition: StyleTypes.Transition,
   linePattern: StyleTypes.Image,
-  linePatternTransition: StyleTypes.Transition,
   lineGradient: StyleTypes.Color,
   lineTrimOffset: StyleTypes.Constant,
 
@@ -1809,7 +1766,6 @@ const styleMap = {
   fillExtrusionTranslateTransition: StyleTypes.Transition,
   fillExtrusionTranslateAnchor: StyleTypes.Enum,
   fillExtrusionPattern: StyleTypes.Image,
-  fillExtrusionPatternTransition: StyleTypes.Transition,
   fillExtrusionHeight: StyleTypes.Constant,
   fillExtrusionHeightTransition: StyleTypes.Transition,
   fillExtrusionBase: StyleTypes.Constant,
@@ -1845,7 +1801,6 @@ const styleMap = {
   backgroundColor: StyleTypes.Color,
   backgroundColorTransition: StyleTypes.Transition,
   backgroundPattern: StyleTypes.Image,
-  backgroundPatternTransition: StyleTypes.Transition,
   backgroundOpacity: StyleTypes.Constant,
   backgroundOpacityTransition: StyleTypes.Transition,
 

package/javascript/web/install.md

@@ -0,0 +1,25 @@
+Web support is work in progress, only basic map components works.
+
+Extra steps for web:
+1. Add `mapbox-gl' dependency
+```
+yarn add mapbox-gl
+```
+
+2. Configure web pack so that `rnmapbox/maps` is transpiled. `@expo/webpack-config` auto transpires packages starting with `react-native-` but `rnmapbox` has not `react-native in it's name, so it will not be transpired. See https://github.com/expo/expo-cli/issues/3744#issuecomment-893911288 and https://github.com/expo/expo-cli/tree/master/packages/webpack-config#include-modules : 
+```
+expo customize:web
+
+module.exports = async function (env, argv) {
+  const config = await createExpoWebpackConfigAsync(
+    {
+      ...env,
+      babel: { dangerouslyAddModulePathsToTranspile: ["@rnmapbox/maps"] },
+    },
+    argv
+  );
+  
+  return config;
+};
+
+```

package/lib/commonjs/components/MapView.js

@@ -195,7 +195,7 @@ class MapView extends (0, _NativeBridgeComponent.default)(_react.default.Compone
    */
   async queryRenderedFeaturesInRect(bbox) {
     let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let layerIDs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let layerIDs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     if (bbox != null && (bbox.length === 4 || MapboxGL.MapboxV10 && bbox.length === 0)) {
       const res = await this._runNativeCommand('queryRenderedFeaturesInRect', this._nativeRef, [bbox, (0, _filterUtils.getFilter)(filter), layerIDs]);
       if ((0, _utils.isAndroid)()) {