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

package/ios/RCTMGL/MGLUserLocationHeadingBeamLayer.m

@@ -0,0 +1,102 @@
+#import "MGLUserLocationHeadingBeamLayer.h"
+#import "MGLFaux3DUserLocationAnnotationView.h"
+
+@implementation MGLUserLocationHeadingBeamLayer
+{
+    CAShapeLayer *_maskLayer;
+}
+
+- (instancetype)initWithUserLocationAnnotationView:(MGLUserLocationAnnotationView *)userLocationView
+{
+    CGFloat size = MGLUserLocationAnnotationHaloSize;
+    
+    self = [super init];
+    self.bounds = CGRectMake(0, 0, size, size);
+    self.position = CGPointMake(CGRectGetMidX(userLocationView.bounds), CGRectGetMidY(userLocationView.bounds));
+    self.contents = (__bridge id)[self gradientImageWithTintColor:userLocationView.tintColor.CGColor];
+    self.contentsGravity = kCAGravityBottom;
+    self.contentsScale = UIScreen.mainScreen.scale;
+    self.opacity = 0.4;
+    self.shouldRasterize = YES;
+    self.rasterizationScale = UIScreen.mainScreen.scale;
+    self.drawsAsynchronously = YES;
+    
+    _maskLayer = [CAShapeLayer layer];
+    _maskLayer.frame = self.bounds;
+    _maskLayer.path = [self clippingMaskForAccuracy:0];
+    self.mask = _maskLayer;
+    
+    return self;
+}
+
+- (void)updateHeadingAccuracy:(CLLocationDirection)accuracy
+{
+    // recalculate the clipping mask based on updated accuracy
+    _maskLayer.path = [self clippingMaskForAccuracy:accuracy];
+}
+
+- (void)updateTintColor:(CGColorRef)color
+{
+    // redraw the raw tinted gradient
+    self.contents = (__bridge id)[self gradientImageWithTintColor:color];
+}
+
+- (CGImageRef)gradientImageWithTintColor:(CGColorRef)tintColor
+{
+    UIImage *image;
+    
+    CGFloat haloRadius = MGLUserLocationAnnotationHaloSize / 2.0;
+    
+    UIGraphicsBeginImageContextWithOptions(CGSizeMake(MGLUserLocationAnnotationHaloSize, haloRadius), NO, 0);
+    
+    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
+    CGContextRef context = UIGraphicsGetCurrentContext();
+    
+    // gradient from the tint color to no-alpha tint color
+    CGFloat gradientLocations[] = {0.0, 1.0};
+    CGGradientRef gradient = CGGradientCreateWithColors(
+                                                        colorSpace,
+                                                        (__bridge CFArrayRef)@[(__bridge id)tintColor,
+                                                                               (id)CFBridgingRelease(CGColorCreateCopyWithAlpha(tintColor, 0))],
+                                                        gradientLocations);
+    
+    // draw the gradient from the center point to the edge (full halo radius)
+    CGPoint centerPoint = CGPointMake(haloRadius, haloRadius);
+    CGContextDrawRadialGradient(context, gradient,
+                                centerPoint, 0.0,
+                                centerPoint, haloRadius,
+                                kNilOptions);
+    
+    image = UIGraphicsGetImageFromCurrentImageContext();
+    UIGraphicsEndImageContext();
+    
+    CGGradientRelease(gradient);
+    CGColorSpaceRelease(colorSpace);
+    
+    return image.CGImage;
+}
+
+- (CGPathRef)clippingMaskForAccuracy:(CGFloat)accuracy
+{
+    // size the mask using accuracy, but keep within a good display range
+    CGFloat clippingDegrees = 90 - accuracy;
+    clippingDegrees = fmin(clippingDegrees, 70); // most accurate
+    clippingDegrees = fmax(clippingDegrees, 10); // least accurate
+    
+    CGRect ovalRect = CGRectMake(0, 0, MGLUserLocationAnnotationHaloSize, MGLUserLocationAnnotationHaloSize);
+    UIBezierPath *ovalPath = UIBezierPath.bezierPath;
+    
+    // clip the oval to ± incoming accuracy degrees (converted to radians), from the top
+    [ovalPath addArcWithCenter:CGPointMake(CGRectGetMidX(ovalRect), CGRectGetMidY(ovalRect))
+                        radius:CGRectGetWidth(ovalRect) / 2.0
+                    startAngle:MGLRadiansFromDegrees(-180 + clippingDegrees)
+                      endAngle:MGLRadiansFromDegrees(-clippingDegrees)
+                     clockwise:YES];
+    
+    [ovalPath addLineToPoint:CGPointMake(CGRectGetMidX(ovalRect), CGRectGetMidY(ovalRect))];
+    [ovalPath closePath];
+    
+    return ovalPath.CGPath;
+}
+
+@end

package/ios/RCTMGL/MGLUserLocationHeadingIndicator.h

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

package/ios/RCTMGL/RCTConvert+Mapbox.h

@@ -0,0 +1,16 @@
+//
+//  RCTConvert+Mapbox.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 8/23/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import <MapKit/MapKit.h>
+#import <React/RCTConvert.h>
+
+@interface RCTConvert (Mapbox)
+
++ (CLLocationCoordinate2D)GeoJSONPoint:(id)json;
+
+@end

package/ios/RCTMGL/RCTConvert+Mapbox.m

@@ -0,0 +1,32 @@
+//
+//  RCTConvert+Mapbox.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 8/23/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTConvert+Mapbox.h"
+
+@implementation RCTConvert (Mapbox)
+
++ (CLLocationCoordinate2D)GeoJSONPoint:(id)json
+{
+    NSDictionary *point = [self NSDictionary:json];
+    
+    if (![[point objectForKey:@"type"]  isEqual: @"Point"]) {
+        return CLLocationCoordinate2DMake(0, 0);
+    }
+    
+    NSArray *coords = (NSArray*)[point objectForKey:@"coordinates"];
+    if (coords == nil || coords.count < 2) {
+        return CLLocationCoordinate2DMake(0, 0);
+    }
+
+    double lat = [[coords objectAtIndex:1] doubleValue];
+    double lng = [[coords objectAtIndex:0] doubleValue];
+    
+    return CLLocationCoordinate2DMake(lat, lng);
+}
+
+@end

package/ios/RCTMGL/RCTMGL.h

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

package/ios/RCTMGL/RCTMGL.m

@@ -0,0 +1,13 @@
+//
+//  RCTMGL.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 8/23/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTMGL.h"
+
+@implementation RCTMGL
+
+@end

package/ios/RCTMGL/RCTMGLBackgroundLayer.h

@@ -0,0 +1,14 @@
+//
+//  RCTMGLBackgroundLayer.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 9/25/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTMGLLayer.h"
+@import Mapbox;
+
+@interface RCTMGLBackgroundLayer : RCTMGLLayer
+
+@end

package/ios/RCTMGL/RCTMGLBackgroundLayer.m

@@ -0,0 +1,27 @@
+//
+//  RCTMGLBackgroundLayer.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 9/25/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTMGLBackgroundLayer.h"
+#import "RCTMGLStyle.h"
+
+@implementation RCTMGLBackgroundLayer
+
+- (MGLStyleLayer*)makeLayer:(MGLStyle*)style
+{
+    return [[MGLBackgroundStyleLayer alloc] initWithIdentifier:self.id];
+}
+
+- (void)addStyles
+{
+    RCTMGLStyle *style = [[RCTMGLStyle alloc] initWithMGLStyle:self.style];
+    style.bridge = self.bridge;
+    [style backgroundLayer:(MGLBackgroundStyleLayer*)self.styleLayer withReactStyle:self.reactStyle isValid:^{ return [self isAddedToMap];
+    }];
+}
+
+@end

package/ios/RCTMGL/RCTMGLBackgroundLayerManager.h

@@ -0,0 +1,13 @@
+//
+//  RCTMGLBackgroundLayerManager.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 9/25/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "ViewManager.h"
+
+@interface RCTMGLBackgroundLayerManager : ViewManager
+
+@end

package/ios/RCTMGL/RCTMGLBackgroundLayerManager.m

@@ -0,0 +1,35 @@
+//
+//  RCTMGLBackgroundLayerManager.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 9/25/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTMGLBackgroundLayerManager.h"
+#import "RCTMGLBackgroundLayer.h"
+
+@implementation RCTMGLBackgroundLayerManager
+
+RCT_EXPORT_MODULE()
+
+// standard layer props
+RCT_EXPORT_VIEW_PROPERTY(id, NSString);
+RCT_EXPORT_VIEW_PROPERTY(sourceID, NSString);
+
+RCT_EXPORT_VIEW_PROPERTY(aboveLayerID, NSString);
+RCT_EXPORT_VIEW_PROPERTY(belowLayerID, NSString);
+RCT_EXPORT_VIEW_PROPERTY(layerIndex, NSNumber);
+RCT_EXPORT_VIEW_PROPERTY(reactStyle, NSDictionary);
+
+RCT_EXPORT_VIEW_PROPERTY(maxZoomLevel, NSNumber);
+RCT_EXPORT_VIEW_PROPERTY(minZoomLevel, NSNumber);
+
+- (UIView*)view
+{
+    RCTMGLBackgroundLayer *layer = [[RCTMGLBackgroundLayer alloc] init];
+    layer.bridge = self.bridge;
+    return layer;
+}
+
+@end

package/ios/RCTMGL/RCTMGLCallout.h

@@ -0,0 +1,15 @@
+//
+//  RCTMGLCalloutView.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 10/13/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import <React/RCTView.h>
+
+@import Mapbox;
+
+@interface RCTMGLCallout : RCTView<MGLCalloutView>
+
+@end

package/ios/RCTMGL/RCTMGLCallout.m

@@ -0,0 +1,74 @@
+//
+//  RCTMGLCalloutView.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 10/13/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTMGLCallout.h"
+#import <React/UIView+React.h>
+
+@implementation RCTMGLCallout
+{
+    id <MGLAnnotation> _representedObject;
+    __unused UIView *_leftAccessoryView;/* unused */
+    __unused UIView *_rightAccessoryView;/* unused */
+    __weak id <MGLCalloutViewDelegate> _delegate;
+    BOOL _dismissesAutomatically;
+    BOOL _anchoredToAnnotation;
+}
+
+@synthesize representedObject = _representedObject;
+@synthesize leftAccessoryView = _leftAccessoryView;/* unused */
+@synthesize rightAccessoryView = _rightAccessoryView;/* unused */
+@synthesize delegate = _delegate;
+@synthesize anchoredToAnnotation = _anchoredToAnnotation;
+@synthesize dismissesAutomatically = _dismissesAutomatically;
+
+- (instancetype)init
+{
+    if (self = [super init]) {
+        // prevent tap from bubbling up to it's superview
+        UITapGestureRecognizer *captureTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:nil];
+        [self addGestureRecognizer:captureTap];
+    }
+    return self;
+}
+
+// https://github.com/mapbox/mapbox-gl-native/issues/9228
+- (void)setCenter:(CGPoint)center {
+    center.y = center.y - CGRectGetMidY(self.bounds);
+    [super setCenter:center];
+}
+
+- (void)presentCalloutFromRect:(CGRect)rect inView:(UIView *)view constrainedToRect:(CGRect)constrainedRect animated:(BOOL)animated;
+{
+    // we want to attach to our parents parent to be on the same zPosition stack, so the callout will appear over other custom views
+    [view.superview addSubview:self];
+    
+    // adjust frame
+    double centerX = rect.origin.x + (rect.size.width / 2);
+    CGPoint center = CGPointMake(centerX, rect.origin.y);
+    [self setCenter:center];
+}
+
+- (void)dismissCalloutAnimated:(BOOL)animated
+{
+    [self removeFromSuperview];
+}
+
+- (BOOL)dismissesAutomatically {
+    return NO;
+}
+
+- (BOOL)isAnchoredToAnnotation {
+    return YES;
+}
+
+- (void)update
+{
+    [self setCenter:self.center];
+}
+
+@end

package/ios/RCTMGL/RCTMGLCalloutManager.h

@@ -0,0 +1,13 @@
+//
+//  RCTMGLCalloutViewManager.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 10/13/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "ViewManager.h"
+
+@interface RCTMGLCalloutManager : ViewManager
+
+@end

package/ios/RCTMGL/RCTMGLCalloutManager.m

@@ -0,0 +1,21 @@
+//
+//  RCTMGLCalloutViewManager.m
+//  RCTMGL
+//
+//  Created by Nick Italiano on 10/13/17.
+//  Copyright © 2017 Mapbox Inc. All rights reserved.
+//
+
+#import "RCTMGLCalloutManager.h"
+#import "RCTMGLCallout.h"
+
+@implementation RCTMGLCalloutManager
+
+RCT_EXPORT_MODULE()
+
+- (UIView *)view
+{
+    return [[RCTMGLCallout alloc] init];
+}
+
+@end

package/ios/RCTMGL/RCTMGLCamera.h

@@ -0,0 +1,39 @@
+//
+//  RCTMGLCamera.h
+//  RCTMGL
+//
+//  Created by Nick Italiano on 6/22/18.
+//  Copyright © 2018 Mapbox Inc. All rights reserved.
+//
+#import <React/RCTComponent.h>
+#import <UIKit/UIKit.h>
+#import "RCTMGLMapView.h"
+
+@class RCTMGLMapView;
+
+@interface RCTMGLCamera : UIView<RCTMGLMapViewCamera>
+
+@property (nonatomic, strong) NSDictionary<NSString *, id> *stop;
+@property (nonatomic, strong) NSDictionary<NSString *, id> *defaultStop;
+@property (nonatomic, strong) RCTMGLMapView *map;
+
+@property (nonatomic, copy) NSNumber *animationDuration;
+@property (nonatomic, copy) NSString *animationMode;
+
+@property (nonatomic, assign) BOOL followUserLocation;
+@property (nonatomic, copy) NSString *followUserMode;
+@property (nonatomic, copy) NSNumber *followZoomLevel;
+@property (nonatomic, copy) NSNumber *followPitch;
+@property (nonatomic, copy) NSNumber *followHeading;
+
+@property (nonatomic, copy) NSNumber *maxZoomLevel;
+@property (nonatomic, copy) NSNumber *minZoomLevel;
+
+@property (nonatomic, copy) NSString *maxBounds;
+
+@property (nonatomic, copy) NSString *alignment;
+@property (nonatomic, copy, readonly) NSNumber *cameraAnimationMode;
+
+@property (nonatomic, copy) RCTBubblingEventBlock onUserTrackingModeChange;
+
+@end