@maplibre/maplibre-react-native 8.6.0-beta.0

package/ios/RCTMGL/MGLOfflineModule.m

@@ -0,0 +1,516 @@
+//
+//  MGLOfflineModule.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 10/25/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "MGLOfflineModule.h"
+#import "RCTMGLUtils.h"
+#import "RCTMGLEvent.h"
+#import "RCTMGLEventTypes.h"
+
+@implementation MGLOfflineModule
+{
+    NSUInteger lastPackState;
+    double lastPackTimestamp;
+    double eventThrottle;
+    BOOL hasListeners;
+    NSMutableArray<RCTPromiseResolveBlock> *packRequestQueue;
+}
+
+RCT_EXPORT_MODULE()
+
++ (BOOL)requiresMainQueueSetup
+{
+    return YES;
+}
+
+- (void)startObserving
+{
+    [super startObserving];
+    hasListeners = YES;
+}
+
+- (void)stopObserving
+{
+    [super stopObserving];
+    hasListeners = NO;
+}
+
+NSString *const RCT_MAPBOX_OFFLINE_CALLBACK_PROGRESS = @"MapboxOfflineRegionProgress";
+NSString *const RCT_MAPBOX_OFFLINE_CALLBACK_ERROR = @"MapboOfflineRegionError";
+
+- (instancetype)init
+{
+    if (self = [super init]) {
+        packRequestQueue = [NSMutableArray new];
+        eventThrottle = 300;
+        lastPackState = -1;
+        
+        NSNotificationCenter *defaultCenter = [NSNotificationCenter defaultCenter];
+        [defaultCenter addObserver:self selector:@selector(offlinePackProgressDidChange:) name:MGLOfflinePackProgressChangedNotification object:nil];
+        [defaultCenter addObserver:self selector:@selector(offlinePackDidReceiveError:) name:MGLOfflinePackErrorNotification object:nil];
+        [defaultCenter addObserver:self selector:@selector(offlinePackDidReceiveMaxAllowedMapboxTiles:) name:MGLOfflinePackMaximumMapboxTilesReachedNotification object:nil];
+        
+        [[MGLOfflineStorage sharedOfflineStorage] addObserver:self forKeyPath:@"packs" options:NSKeyValueObservingOptionInitial context:NULL];
+    }
+    return self;
+}
+
+- (void)dealloc
+{
+    [[MGLOfflineStorage sharedOfflineStorage] removeObserver:self forKeyPath:@"packs"];
+    [[NSNotificationCenter defaultCenter] removeObserver:self];
+}
+
+- (NSArray<NSString *> *)supportedEvents
+{
+    return @[RCT_MAPBOX_OFFLINE_CALLBACK_PROGRESS, RCT_MAPBOX_OFFLINE_CALLBACK_ERROR];
+}
+
+- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context
+{
+    if (packRequestQueue.count == 0) {
+        return;
+    }
+    
+    NSArray<MGLOfflinePack *> *packs = [[MGLOfflineStorage sharedOfflineStorage] packs];
+    if (packs == nil) {
+        return;
+    }
+    
+    while (packRequestQueue.count > 0) {
+        RCTPromiseResolveBlock resolve = [packRequestQueue objectAtIndex:0];
+        resolve([self _convertPacksToJson:packs]);
+        [packRequestQueue removeObjectAtIndex:0];
+    }
+}
+
+RCT_EXPORT_METHOD(createPack:(NSDictionary *)options
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    NSString *styleURL = options[@"styleURL"];
+    MGLCoordinateBounds bounds = [RCTMGLUtils fromFeatureCollection:options[@"bounds"]];
+    
+    id<MGLOfflineRegion> offlineRegion = [[MGLTilePyramidOfflineRegion alloc] initWithStyleURL:[NSURL URLWithString:styleURL]
+                                                                              bounds:bounds
+                                                                              fromZoomLevel:[options[@"minZoom"] doubleValue]
+                                                                              toZoomLevel:[options[@"maxZoom"] doubleValue]];
+    NSData *context = [self _archiveMetadata:options[@"metadata"]];
+    
+    [[MGLOfflineStorage sharedOfflineStorage] addPackForRegion:offlineRegion
+                                              withContext:context
+                                              completionHandler:^(MGLOfflinePack *pack, NSError *error) {
+                                                 if (error != nil) {
+                                                     reject(@"createPack", error.description, error);
+                                                     return;
+                                                 }
+                                                 resolve([self _convertPackToDict:pack]);
+                                                 [pack resume];
+                                              }];
+}
+
+RCT_EXPORT_METHOD(mergeOfflineRegions:(NSString *)path
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    NSString *absolutePath;
+    if ([path isAbsolutePath]) {
+        absolutePath = path;
+    } else {
+        NSBundle *mainBundle = [NSBundle mainBundle];
+        NSString *fileName = [path stringByDeletingPathExtension];
+        NSString *extension = [path pathExtension];
+        absolutePath = [mainBundle pathForResource:fileName ofType:extension];
+        if (!absolutePath) {
+            return reject(@"asset_does_not_exist", [NSString stringWithFormat:@"The given assetName, %@, can't be found in the app's bundle.", path], nil);
+        }
+    }
+    
+    [[MGLOfflineStorage sharedOfflineStorage] addContentsOfFile:absolutePath withCompletionHandler:^(NSURL *fileURL, NSArray<MGLOfflinePack *> *packs, NSError *error) {
+        if (error != nil) {
+            reject(@"mergeOfflineRegions", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+}
+
+RCT_EXPORT_METHOD(getPacks:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+{
+    dispatch_async(dispatch_get_main_queue(), ^{
+        NSArray<MGLOfflinePack *> *packs = [[MGLOfflineStorage sharedOfflineStorage] packs];
+        
+        if (packs == nil) {
+            // packs have not loaded yet
+            [self->packRequestQueue addObject:resolve];
+            return;
+        }
+
+        resolve([self _convertPacksToJson:packs]);
+    });
+}
+
+RCT_EXPORT_METHOD(invalidateAmbientCache:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+{
+    [[MGLOfflineStorage sharedOfflineStorage] invalidateAmbientCacheWithCompletionHandler:^(NSError *error) {
+        if (error != nil) {
+            reject(@"invalidateAmbientCache", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+}
+
+RCT_EXPORT_METHOD(clearAmbientCache:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+{
+    [[MGLOfflineStorage sharedOfflineStorage] clearAmbientCacheWithCompletionHandler:^(NSError *error) {
+        if (error != nil) {
+            reject(@"clearAmbientCache", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+}
+
+RCT_EXPORT_METHOD(setMaximumAmbientCacheSize:(NSUInteger)cacheSize
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    [[MGLOfflineStorage sharedOfflineStorage] setMaximumAmbientCacheSize:cacheSize withCompletionHandler:^(NSError *error) {
+        if (error != nil) {
+            reject(@"setMaximumAmbientCacheSize", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+    
+}
+
+RCT_EXPORT_METHOD(resetDatabase:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+{
+    [[MGLOfflineStorage sharedOfflineStorage] resetDatabaseWithCompletionHandler:^(NSError *error) {
+        if (error != nil) {
+            reject(@"resetDatabase", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+    
+}
+
+RCT_EXPORT_METHOD(getPackStatus:(NSString *)name
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    MGLOfflinePack *pack = [self _getPackFromName:name];
+    
+    if (pack == nil) {
+        resolve(nil);
+        NSLog(@"getPackStatus - Unknown offline region");
+        return;
+    }
+    
+    resolve([self _makeRegionStatusPayload:name pack:pack]);
+}
+
+RCT_EXPORT_METHOD(invalidatePack:(NSString *)name
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    MGLOfflinePack *pack = [self _getPackFromName:name];
+
+    if (pack == nil) {
+        resolve(nil);
+        return;
+    }
+    [[MGLOfflineStorage sharedOfflineStorage] invalidatePack:pack  withCompletionHandler:^(NSError *error) {
+        if (error != nil) {
+            reject(@"invalidatePack", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+}
+
+RCT_EXPORT_METHOD(deletePack:(NSString *)name
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    MGLOfflinePack *pack = [self _getPackFromName:name];
+    
+    if (pack == nil) {
+        resolve(nil);
+        return;
+    }
+    if (pack.state == MGLOfflinePackStateInvalid) {
+        NSError *error = [NSError errorWithDomain:MGLErrorDomain code:1 userInfo:@{NSLocalizedDescriptionKey: NSLocalizedString(@"Pack has already been deleted", nil)}];
+        reject(@"deletePack", error.description, error);
+        return;
+    }
+    [[MGLOfflineStorage sharedOfflineStorage] removePack:pack withCompletionHandler:^(NSError *error) {
+        if (error != nil) {
+            reject(@"deletePack", error.description, error);
+            return;
+        }
+        resolve(nil);
+    }];
+}
+
+RCT_EXPORT_METHOD(pausePackDownload:(NSString *)name
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    MGLOfflinePack *pack = [self _getPackFromName:name];
+    
+    if (pack == nil) {
+        reject(@"pausePackDownload", @"Unknown offline region", nil);
+        return;
+    }
+    
+    if (pack.state == MGLOfflinePackStateInactive || pack.state == MGLOfflinePackStateComplete) {
+        resolve(nil);
+        return;
+    }
+    
+    [pack suspend];
+    resolve(nil);
+}
+
+RCT_EXPORT_METHOD(resumePackDownload:(NSString *)name
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    MGLOfflinePack *pack = [self _getPackFromName:name];
+    
+    if (pack == nil) {
+        reject(@"resumePack", @"Unknown offline region", nil);
+        return;
+    }
+    
+    if (pack.state == MGLOfflinePackStateActive || pack.state == MGLOfflinePackStateComplete) {
+        resolve(nil);
+        return;
+    }
+    
+    [pack resume];
+    resolve(nil);
+}
+
+RCT_EXPORT_METHOD(setTileCountLimit:(nonnull NSNumber *)limit)
+{
+    [[MGLOfflineStorage sharedOfflineStorage] setMaximumAllowedMapboxTiles:[limit intValue]];
+}
+
+RCT_EXPORT_METHOD(setProgressEventThrottle:(nonnull NSNumber *)throttleValue)
+{
+    eventThrottle = [throttleValue doubleValue];
+}
+
+- (void)offlinePackProgressDidChange:(NSNotification *)notification
+{
+    MGLOfflinePack *pack = notification.object;
+  
+    if (pack.state == MGLOfflinePackStateInvalid) {
+        return; // Avoid invalid offline pack exception
+    }
+  
+    if ([self _shouldSendProgressEvent:[self _getCurrentTimestamp] pack:pack]) {
+        NSDictionary *metadata = [self _unarchiveMetadata:pack];
+        RCTMGLEvent *event = [self _makeProgressEvent:metadata[@"name"] pack:pack];
+        [self _sendEvent:RCT_MAPBOX_OFFLINE_CALLBACK_PROGRESS event:event];
+        lastPackTimestamp = [self _getCurrentTimestamp];
+    }
+    
+    lastPackState = pack.state;
+}
+
+- (void)offlinePackDidReceiveError:(NSNotification *)notification
+{
+    MGLOfflinePack *pack = notification.object;
+    if (pack.state == MGLOfflinePackStateInvalid) {
+        return; // Avoid invalid offline pack exception
+    }
+    NSDictionary *metadata = [self _unarchiveMetadata:pack];
+    
+    NSString *name = metadata[@"name"];
+    if (name != nil) {
+        NSError *error = notification.userInfo[MGLOfflinePackUserInfoKeyError];
+        RCTMGLEvent *event = [self _makeErrorEvent:name
+                                   type:RCT_MAPBOX_OFFLINE_ERROR
+                                   message:error.description];
+        [self _sendEvent:RCT_MAPBOX_OFFLINE_CALLBACK_ERROR event:event];
+    }
+}
+
+- (void)offlinePackDidReceiveMaxAllowedMapboxTiles:(NSNotification *)notification
+{
+    MGLOfflinePack *pack = notification.object;
+    NSDictionary *metadata = [self _unarchiveMetadata:pack];
+    
+    NSString *name = metadata[@"name"];
+    if (name != nil) {
+        RCTMGLEvent *event = [self _makeErrorEvent:name
+                                   type:RCT_MAPBOX_OFFLINE_ERROR
+                                   message:@"Mapbox tile limit exceeded"];
+        [self _sendEvent:RCT_MAPBOX_OFFLINE_CALLBACK_ERROR event:event];
+    }
+}
+
+- (double)_getCurrentTimestamp
+{
+    return CACurrentMediaTime() * 1000;
+}
+
+- (NSData *)_archiveMetadata:(NSString *)metadata
+{
+    return [NSKeyedArchiver archivedDataWithRootObject:metadata];
+}
+
+- (NSDictionary *)_unarchiveMetadata:(MGLOfflinePack *)pack
+{
+    id data = [NSKeyedUnarchiver unarchiveObjectWithData:pack.context];
+    // Version v5 store data as NSDictionary while v6 store data as JSON string.
+    // User might save offline pack in v5 and then try to read in v6.
+    // In v5 are metadata stored nested which need to be handled in JS.
+    // Example of how data are stored in v5
+    // {
+    //      name: "New York",
+    //      metadata: {
+    //          customMeta: "...",
+    //      }
+    // }
+    if ([data isKindOfClass:[NSDictionary class]]) {
+        return data;
+    }
+    
+    if (data == nil) {
+        return @{};
+    }
+    
+    return [NSJSONSerialization JSONObjectWithData:[data dataUsingEncoding:NSUTF8StringEncoding]
+                                options:NSJSONReadingMutableContainers
+                                error:nil];
+}
+
+- (NSDictionary *)_makeRegionStatusPayload:(NSString *)name pack:(MGLOfflinePack *)pack
+{
+    uint64_t completedResources = pack.progress.countOfResourcesCompleted;
+    uint64_t expectedResources = pack.progress.countOfResourcesExpected;
+    float progressPercentage = (float)completedResources / expectedResources;
+
+    // prevent NaN errors when expectedResources is 0
+    if(expectedResources == 0) {
+        progressPercentage = 0;
+    }
+    
+    return @{
+      @"state": @(pack.state),
+      @"name": name,
+      @"percentage": @(ceilf(progressPercentage * 100.0)),
+      @"completedResourceCount": @(pack.progress.countOfResourcesCompleted),
+      @"completedResourceSize": @(pack.progress.countOfBytesCompleted),
+      @"completedTileSize": @(pack.progress.countOfTileBytesCompleted),
+      @"completedTileCount": @(pack.progress.countOfTilesCompleted),
+      @"requiredResourceCount": @(pack.progress.maximumResourcesExpected)
+    };
+}
+
+- (RCTMGLEvent *)_makeProgressEvent:(NSString *)name pack:(MGLOfflinePack *)pack
+{
+    return [RCTMGLEvent makeEvent:RCT_MAPBOX_OFFLINE_PROGRESS withPayload:[self _makeRegionStatusPayload:name pack:pack]];
+}
+
+- (RCTMGLEvent *)_makeErrorEvent:(NSString *)name type:(NSString *)type message:(NSString *)message
+{
+    NSDictionary *payload = @{ @"name": name, @"message": message };
+    return [RCTMGLEvent makeEvent:type withPayload:payload];
+}
+
+- (NSArray<NSDictionary *> *)_convertPacksToJson:(NSArray<MGLOfflinePack *> *)packs
+{
+    NSMutableArray<NSDictionary *> *jsonPacks = [NSMutableArray new];
+    
+    if (packs == nil) {
+        return jsonPacks;
+    }
+    
+    for (MGLOfflinePack *pack in packs) {
+        [jsonPacks addObject:[self _convertPackToDict:pack]];
+    }
+    
+    return jsonPacks;
+}
+
+- (NSDictionary *)_convertPackToDict:(MGLOfflinePack *)pack
+{
+    // format bounds
+    MGLTilePyramidOfflineRegion *region = (MGLTilePyramidOfflineRegion *)pack.region;
+    if (region == nil) {
+        return nil;
+    }
+    
+    NSArray *jsonBounds = @[
+      @[@(region.bounds.ne.longitude), @(region.bounds.ne.latitude)],
+      @[@(region.bounds.sw.longitude), @(region.bounds.sw.latitude)]
+    ];
+    
+    // format metadata
+    NSDictionary *metadata = [self _unarchiveMetadata:pack];
+    NSData *jsonMetadata = [NSJSONSerialization dataWithJSONObject:metadata
+                                            options:0
+                                            error:nil];
+    return @{
+      @"metadata": [[NSString alloc] initWithData:jsonMetadata encoding:NSUTF8StringEncoding],
+      @"bounds": jsonBounds
+    };
+}
+
+- (MGLOfflinePack *)_getPackFromName:(NSString *)name
+{
+    NSArray<MGLOfflinePack *> *packs = [[MGLOfflineStorage sharedOfflineStorage] packs];
+    
+    if (packs == nil) {
+        return nil;
+    }
+    
+    for (MGLOfflinePack *pack in packs) {
+        NSDictionary *metadata = [self _unarchiveMetadata:pack];
+        
+        if ([name isEqualToString:metadata[@"name"]]) {
+            return pack;
+        }
+    }
+    
+    return nil;
+}
+
+- (void)_sendEvent:(NSString *)eventName event:(RCTMGLEvent *)event
+{
+    if (!hasListeners) {
+        return;
+    }
+    [self sendEventWithName:eventName body:[event toJSON]];
+}
+
+- (BOOL)_shouldSendProgressEvent:(double)currentTimestamp pack:(MGLOfflinePack *)currentPack
+{
+    if (lastPackState == -1) {
+        return YES;
+    }
+    
+    if (lastPackState != currentPack.state) {
+        return YES;
+    }
+    
+    if (currentTimestamp - lastPackTimestamp > eventThrottle) {
+        return YES;
+    }
+    
+    return NO;
+}
+
+@end

package/ios/RCTMGL/MGLSnapshotModule.h

@@ -0,0 +1,13 @@
+//
+//  MGLSnapshotModule.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 12/1/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import <React/RCTBridgeModule.h>
+
+@interface MGLSnapshotModule : NSObject<RCTBridgeModule>
+
+@end

package/ios/RCTMGL/MGLSnapshotModule.m

@@ -0,0 +1,80 @@
+//
+//  MGLSnapshotModule.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 12/1/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "MGLSnapshotModule.h"
+#import "RCTMGLUtils.h"
+#import "RNMBImageUtils.h"
+@import Mapbox;
+
+@implementation MGLSnapshotModule
+
+RCT_EXPORT_MODULE()
+
++ (BOOL)requiresMainQueueSetup
+{
+    return YES;
+}
+
+RCT_EXPORT_METHOD(takeSnap:(NSDictionary *)jsOptions
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+    dispatch_async(dispatch_get_main_queue(), ^{
+        MGLMapSnapshotOptions *options = [self _getOptions:jsOptions];
+        __block MGLMapSnapshotter *snapshotter = [[MGLMapSnapshotter alloc] initWithOptions:options];
+
+        [snapshotter startWithCompletionHandler:^(MGLMapSnapshot * _Nullable snapshot, NSError * _Nullable err) {         
+            if (err != nil) {
+                reject(@"takeSnap", @"Could not create snapshot", err);
+                snapshotter = nil;
+                return;
+            }
+            
+            NSString *result = nil;
+            if ([jsOptions[@"writeToDisk"] boolValue]) {
+                result = [RNMBImageUtils createTempFile:snapshot.image];
+            } else {
+                result = [RNMBImageUtils createBase64:snapshot.image];
+            }
+            
+            resolve(result);
+            snapshotter = nil;
+        }];
+    });
+}
+
+- (MGLMapSnapshotOptions *)_getOptions:(NSDictionary *)jsOptions
+{
+    MGLMapCamera *camera = [[MGLMapCamera alloc] init];
+    
+    camera.pitch = [jsOptions[@"pitch"] doubleValue];
+    camera.heading = [jsOptions[@"heading"] doubleValue];
+    
+    if (jsOptions[@"centerCoordinate"] != nil) {
+        camera.centerCoordinate = [RCTMGLUtils fromFeature:jsOptions[@"centerCoordinate"]];
+    }
+    
+    NSNumber *width = jsOptions[@"width"];
+    NSNumber *height = jsOptions[@"height"];
+    CGSize size = CGSizeMake([width doubleValue], [height doubleValue]);
+    
+    MGLMapSnapshotOptions *options = [[MGLMapSnapshotOptions alloc] initWithStyleURL:[NSURL URLWithString:jsOptions[@"styleURL"]]
+                                                                   camera:camera
+                                                                   size:size];
+    if (jsOptions[@"zoomLevel"] != nil) {
+        options.zoomLevel = [jsOptions[@"zoomLevel"] doubleValue];
+    }
+    
+    if (jsOptions[@"bounds"] != nil) {
+        options.coordinateBounds = [RCTMGLUtils fromFeatureCollection:jsOptions[@"bounds"]];
+    }
+
+    return options;
+}
+
+@end

package/ios/RCTMGL/MGLUserLocationHeadingArrowLayer.h

@@ -0,0 +1,11 @@
+#import <QuartzCore/QuartzCore.h>
+#import "MGLUserLocationHeadingIndicator.h"
+@import Mapbox;
+
+@interface MGLUserLocationHeadingArrowLayer : CAShapeLayer <MGLUserLocationHeadingIndicator>
+
+- (instancetype)initWithUserLocationAnnotationView:(MGLUserLocationAnnotationView *)userLocationView;
+- (void)updateHeadingAccuracy:(CLLocationDirection)accuracy;
+- (void)updateTintColor:(CGColorRef)color;
+
+@end

package/ios/RCTMGL/MGLUserLocationHeadingArrowLayer.m

@@ -0,0 +1,57 @@
+#import "MGLUserLocationHeadingArrowLayer.h"
+#import "MGLFaux3DUserLocationAnnotationView.h"
+
+const CGFloat MGLUserLocationHeadingArrowSize = 6;
+
+@implementation MGLUserLocationHeadingArrowLayer
+
+- (instancetype)initWithUserLocationAnnotationView:(MGLUserLocationAnnotationView *)userLocationView
+{
+    CGFloat size = userLocationView.bounds.size.width + MGLUserLocationHeadingArrowSize;
+    
+    self = [super init];
+    self.bounds = CGRectMake(0, 0, size, size);
+    self.position = CGPointMake(CGRectGetMidX(userLocationView.bounds), CGRectGetMidY(userLocationView.bounds));
+    self.path = [self arrowPath];
+    self.fillColor = userLocationView.tintColor.CGColor;
+    self.shouldRasterize = YES;
+    self.rasterizationScale = UIScreen.mainScreen.scale;
+    self.drawsAsynchronously = YES;
+    
+    self.strokeColor = UIColor.whiteColor.CGColor;
+    self.lineWidth = 1.0;
+    self.lineJoin = kCALineJoinRound;
+    
+    return self;
+}
+
+- (void)updateHeadingAccuracy:(CLLocationDirection)accuracy
+{
+    // unimplemented
+}
+
+- (void)updateTintColor:(CGColorRef)color
+{
+    self.fillColor = color;
+}
+
+- (CGPathRef)arrowPath {
+    CGFloat center = roundf(CGRectGetMidX(self.bounds));
+    CGFloat size = MGLUserLocationHeadingArrowSize;
+    
+    CGPoint top =       CGPointMake(center,         0);
+    CGPoint left =      CGPointMake(center - size,  size);
+    CGPoint right =     CGPointMake(center + size,  size);
+    CGPoint middle =    CGPointMake(center,         size / M_PI);
+    
+    UIBezierPath *bezierPath = [UIBezierPath bezierPath];
+    [bezierPath moveToPoint:top];
+    [bezierPath addLineToPoint:left];
+    [bezierPath addQuadCurveToPoint:right controlPoint:middle];
+    [bezierPath addLineToPoint:top];
+    [bezierPath closePath];
+    
+    return bezierPath.CGPath;
+}
+
+@end

package/ios/RCTMGL/MGLUserLocationHeadingBeamLayer.h

@@ -0,0 +1,11 @@
+#import <QuartzCore/QuartzCore.h>
+#import "MGLUserLocationHeadingIndicator.h"
+@import Mapbox;
+
+@interface MGLUserLocationHeadingBeamLayer : CALayer <MGLUserLocationHeadingIndicator>
+
+- (MGLUserLocationHeadingBeamLayer *)initWithUserLocationAnnotationView:(MGLUserLocationAnnotationView *)userLocationView;
+- (void)updateHeadingAccuracy:(CLLocationDirection)accuracy;
+- (void)updateTintColor:(CGColorRef)color;
+
+@end