react原生mapbox设置唯一值以旋转SymbolLayer

import React from 'react';
import MapboxGL from '@react-native-mapbox-gl/maps';

MapboxGL.setAccessToken('YOUR_MAPBOX_ACCESS_TOKEN');

const Map = () => {
  return (
    <MapboxGL.MapView
      style={{ flex: 1 }}
      zoomLevel={10}
      centerCoordinate={[longitude, latitude]}
    >
      {/* 添加其他地图元素 */}
    </MapboxGL.MapView>
  );
};

export default Map;

import React from 'react';
import MapboxGL from '@react-native-mapbox-gl/maps';

const Map = () => {
  const uniqueValue = 'symbol-1'; // 设置唯一值
  const rotation = 45; // 设置旋转角度

  return (
    <MapboxGL.MapView style={{ flex: 1 }}>
      <MapboxGL.ShapeSource id="symbolSource" shape={data}>
        <MapboxGL.SymbolLayer
          id="symbolLayer"
          style={{
            iconRotationAlignment: 'map',
            iconRotation: rotation,
          }}
          filter={['==', 'id', uniqueValue]}
        />
      </MapboxGL.ShapeSource>
    </MapboxGL.MapView>
  );
};

export default Map;