Skip to content

[Bug]: Raster Particle Layer not visible on iOS #4123

@SageVanGogt

Description

@SageVanGogt

Mapbox Implementation

Mapbox

Mapbox Version

11.16.2

React Native Version

0.79.3

React Native Architecture

New Architecture (Fabric/TurboModules)

Platform

iOS

@rnmapbox/maps version

10.2.10

Standalone component to reproduce

import React from 'react';
import {
  MapView,
  RasterArraySource,
  LineLayer,
  RasterParticleLayer,
  Camera
} from '@rnmapbox/maps';

class BugReportExample extends React.Component {
  render() {
    return (
      <MapView style={{flex: 1}}>
        <Camera   defaultSettings={{
          centerCoordinate: [-98.0, 38.0],
          zoomLevel: 3,
        }} />
        <RasterArraySource
             id="wind-source"
             url="mapbox://mapbox.gfs-winds"
             tileSize={512}
           >
             <RasterParticleLayer
               id="wind-particles"
               sourceLayerID="10winds"
               style={{
                 rasterParticleSpeedFactor: 0.4,
                 rasterParticleMaxSpeed: 70,
                 rasterParticleCount: 2048,
                 rasterParticleFadeOpacityFactor: 0.9,
                 rasterParticleColor: [
                   'interpolate',
                   ['linear'],
                   ['raster-particle-speed'],
                   0, 'rgba(0, 100, 255, 0)',
                   50, 'rgba(255, 255, 0, 0.8)',
                   100, 'rgba(255, 50, 0, 0.8)',
                 ],
               }}
             />
           </RasterArraySource>
      </MapView>
    );
  }
}

Observed behavior and steps to reproduce

This raster particle layer will only visualize on android and does not show up on the iOS simulator. I can not see the layer. I don't get any errors.

Expected behavior

Layer shows up.

Notes / preliminary analysis

No response

Additional links and references

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bug 🪲Something isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions