react-native-map4d-map-dtqg 0.1.0

package/ios/RMFCircle.h

@@ -0,0 +1,37 @@
+//
+//  RMFCircle.h
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/3/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#ifndef RMFCircle_h
+#define RMFCircle_h
+
+#import <React/UIView+React.h>
+#import "RMFCircleMap4d.h"
+#import "RMFMapView.h"
+
+@interface RMFCircle : UIView
+
+@property(nonatomic, strong) RMFCircleMap4d * map4dCircle;
+
+@property(nonatomic, copy) RCTBubblingEventBlock _Nullable onPress;
+
+@property(nonatomic, assign) CLLocationCoordinate2D centerCoordinate;
+@property(nonatomic, assign) UIColor* fillColor;
+@property(nonatomic, assign) UIColor* strokeColor;
+@property(nonatomic, assign) double strokeWidth;
+@property(nonatomic, assign) double radius;
+@property(nonatomic, assign) float zIndex;
+@property(nonatomic, assign) BOOL visible;
+@property(nonatomic, copy, nullable) NSDictionary * userData;
+
+- (void)didTapAtPixel:(CGPoint)pixel;
+- (void)setMapView:(RMFMapView* _Nullable)mapView;
+
+@end
+
+
+#endif /* RMFCircle_h */

package/ios/RMFCircle.m

@@ -0,0 +1,100 @@
+//
+//  RMFCircle.m
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/3/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#import "RMFCircle.h"
+#import <Foundation/Foundation.h>
+#import "RMFEventResponse.h"
+
+@implementation RMFCircle
+
+- (instancetype)init {
+  if ((self = [super init])) {
+    _map4dCircle = [[RMFCircleMap4d alloc] init];
+    _map4dCircle.reactCircle = self;
+
+    _radius = _map4dCircle.radius;
+    _fillColor = _map4dCircle.fillColor;
+    _strokeWidth = _map4dCircle.strokeWidth;
+    _strokeColor = _map4dCircle.strokeColor;
+    _centerCoordinate = _map4dCircle.position;
+    _zIndex = _map4dCircle.zIndex;
+    _visible = true;//!_map4dCircle.isHidden;
+    _userData = nil;
+  }
+  return self;
+}
+
+- (void)setMapView:(RMFMapView *)mapView {
+  _map4dCircle.map = mapView;
+}
+
+/** Property */
+- (void)setCenterCoordinate:(CLLocationCoordinate2D)center {
+  _centerCoordinate = center;
+  _map4dCircle.position = center;
+}
+
+- (void)setRadius:(double)radius {
+  _radius = radius;
+  _map4dCircle.radius = radius;
+}
+
+- (void)setFillColor:(UIColor *)fillColor {
+  _fillColor = fillColor;
+  _map4dCircle.fillColor = fillColor;
+}
+
+- (void)setStrokeColor:(UIColor *)strokeColor {
+  _strokeColor = strokeColor;
+  _map4dCircle.strokeColor = strokeColor;
+}
+
+- (void)setStrokeWidth:(double)strokeWidth {
+  _strokeWidth = strokeWidth;
+  _map4dCircle.strokeWidth = strokeWidth;
+}
+
+- (void)setUserInteractionEnabled:(BOOL)enabled {
+  [super setUserInteractionEnabled:enabled];
+  _map4dCircle.userInteractionEnabled = enabled;
+}
+
+- (void)setZIndex:(float)zIndex {
+  _zIndex = zIndex;
+  _map4dCircle.zIndex = zIndex;
+}
+
+- (void)setVisible:(BOOL)visible {
+  _visible = visible;
+  _map4dCircle.isHidden = !visible;
+}
+
+ - (void)setUserData:(NSDictionary *)userData {
+   _userData = userData;
+ }
+
+/** Event */
+- (void)didTapAtPixel:(CGPoint)pixel {
+  if(!self.onPress) {
+    return;
+  }
+  
+  CLLocationCoordinate2D tapLocation = [_map4dCircle.map.projection coordinateForPoint:pixel];
+  NSMutableDictionary* response = [NSMutableDictionary dictionaryWithDictionary:[RMFEventResponse fromCoordinate:tapLocation
+                                                                                                           pixel:pixel]];
+  response[@"circle"] = @{
+    @"center": [RMFEventResponse fromCoordinate:_centerCoordinate],
+    @"radius": @(_radius),
+    @"userData": _userData != nil ? _userData : @{}
+  };
+  response[@"action"] = @"circle-press";
+  
+  self.onPress(response);
+}
+
+@end

package/ios/RMFCircleManager.h

@@ -0,0 +1,18 @@
+//
+//  RMFCircleManager.h
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/3/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#ifndef RMFCircleManager_h
+#define RMFCircleManager_h
+
+#import <React/RCTViewManager.h>
+
+@interface RMFCircleManager : RCTViewManager
+
+@end
+
+#endif /* RMFCircleManager_h */

package/ios/RMFCircleManager.m

@@ -0,0 +1,155 @@
+//
+//  RMFCircleManager.m
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/3/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#import "RMFCircleManager.h"
+#import "RMFCircle.h"
+#import <Foundation/Foundation.h>
+#import <React/RCTConvert+CoreLocation.h>
+#import <React/RCTBridge.h>
+#import <React/RCTUIManager.h>
+
+@implementation RMFCircleManager
+
+RCT_EXPORT_MODULE(RMFCircle)
+
+- (UIView *)view {
+  RMFCircle * circle = [[RMFCircle alloc] init];
+  return circle;
+}
+
+RCT_REMAP_VIEW_PROPERTY(center, centerCoordinate, CLLocationCoordinate2D)
+RCT_EXPORT_VIEW_PROPERTY(radius, double)
+RCT_EXPORT_VIEW_PROPERTY(fillColor, UIColor)
+RCT_EXPORT_VIEW_PROPERTY(strokeColor, UIColor)
+RCT_EXPORT_VIEW_PROPERTY(strokeWidth, double)
+RCT_EXPORT_VIEW_PROPERTY(userInteractionEnabled, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(zIndex, float)
+RCT_EXPORT_VIEW_PROPERTY(visible, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(userData, NSDictionary)
+
+RCT_EXPORT_VIEW_PROPERTY(onPress, RCTBubblingEventBlock)
+
+RCT_EXPORT_METHOD(setCenter:(nonnull NSNumber *)reactTag
+                  withCoordinate:(id)coordinate)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      [circle setCenterCoordinate:[RCTConvert CLLocationCoordinate2D:coordinate]];
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setRadius:(nonnull NSNumber *)reactTag
+                  withRadius:(double)radius)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      [circle setRadius:radius];
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setFillColor:(nonnull NSNumber *)reactTag
+                  color:(id)color)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      UIColor* fillCorlor = [RCTConvert UIColor:color];
+      if (fillCorlor != nil) {
+        [circle setFillColor:fillCorlor];
+      }
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setStrokeColor:(nonnull NSNumber *)reactTag
+                  color:(id)color)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      UIColor* strokeColor = [RCTConvert UIColor:color];
+      if (strokeColor != nil) {
+        [circle setStrokeColor:strokeColor];
+      }
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setStrokeWidth:(nonnull NSNumber *)reactTag
+                  width:(double)width)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      [circle setStrokeWidth:width];
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setZIndex:(nonnull NSNumber *)reactTag
+                  zIndex:(float)zIndex)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      [circle setZIndex:zIndex];
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setVisible:(nonnull NSNumber *)reactTag
+                  visible:(BOOL)visible)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      [circle setVisible:visible];
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(setUserData:(nonnull NSNumber *)reactTag
+                  userData:(id)json)
+{
+  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    id view = viewRegistry[reactTag];
+    if (![view isKindOfClass:[RMFCircle class]]) {
+      RCTLogError(@"Invalid view returned from registry, expecting RMFCircle, got: %@", view);
+    } else {
+      RMFCircle *circle = (RMFCircle *)view;
+      [circle setUserData:[RCTConvert NSDictionary:json]];
+    }
+  }];
+}
+
+@end

package/ios/RMFCircleMap4d.h

@@ -0,0 +1,23 @@
+//
+//  RMFCircleMap4d.h
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/3/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#ifndef RMFCircleMap4d_h
+#define RMFCircleMap4d_h
+
+#import <Map4dMap/Map4dMap.h>
+
+@class RMFCircle;
+
+@interface RMFCircleMap4d : MFCircle
+
+@property (nonatomic, weak) RMFCircle *reactCircle;
+
+@end
+
+
+#endif /* RMFCircleMap4d_h */

package/ios/RMFCircleMap4d.m

@@ -0,0 +1,13 @@
+//
+//  RMFCircleMap4d.m
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/4/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#import "RMFCircleMap4d.h"
+
+@implementation RMFCircleMap4d
+
+@end

package/ios/RMFCoordinate.h

@@ -0,0 +1,22 @@
+//
+//  RMFCoordinate.h
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/4/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#ifndef MFCoordinate_h
+#define MFCoordinate_h
+
+#import <Foundation/Foundation.h>
+#import <CoreLocation/CoreLocation.h>
+
+@interface RMFCoordinate : NSObject
+
+@property (nonatomic, assign) CLLocationCoordinate2D coordinate;
+
+@end
+
+
+#endif /* RMFCoordinate_h */

package/ios/RMFCoordinate.m

@@ -0,0 +1,13 @@
+//
+//  RMFCoordinate.m
+//  Map4dMap
+//
+//  Created by Huy Dang on 7/4/20.
+//  Copyright © 2020 IOTLink. All rights reserved.
+//
+
+#import "RMFCoordinate.h"
+#import <Foundation/Foundation.h>
+
+@implementation RMFCoordinate
+@end

package/ios/RMFDirectionsMarkerOptions.h

@@ -0,0 +1,24 @@
+//
+//  RMFDirectionsMarkerOptions.h
+//  Map4dMap React Native
+//
+//  Created by Huy Dang on 11/16/21.
+//
+
+#ifndef RMFDirectionsMarkerOptions_h
+#define RMFDirectionsMarkerOptions_h
+
+#import "RMFIcon.h"
+#import <CoreLocation/CoreLocation.h>
+
+@interface RMFDirectionsMarkerOptions : NSObject
+
+@property (nonatomic, assign) CLLocationCoordinate2D coordinate;
+@property (nonatomic, strong, nullable) RMFIcon* icon;
+@property (nonatomic, strong, nullable) NSString* title;
+@property (nonatomic, strong, nullable) UIColor* titleColor;
+@property (nonatomic, assign) BOOL visible;
+
+@end
+
+#endif /* RMFDirectionsMarkerOptions_h */

package/ios/RMFDirectionsMarkerOptions.m

@@ -0,0 +1,23 @@
+//
+//  RMFDirectionsMarkerOptions.m
+//  Map4dMap React Native
+//
+//  Created by Huy Dang on 11/16/21.
+//
+
+#import "RMFDirectionsMarkerOptions.h"
+
+@implementation RMFDirectionsMarkerOptions
+
+- (instancetype)init {
+  if (self = [super init]) {
+    _coordinate = kCLLocationCoordinate2DInvalid;
+    _icon = nil;
+    _title = nil;
+    _titleColor = nil;
+    _visible = YES;
+  }
+  return self;
+}
+
+@end

package/ios/RMFDirectionsRenderer.h

@@ -0,0 +1,47 @@
+//
+//  RMFDirectionsRenderer.h
+//  Map4dMap React Native
+//
+//  Created by Huy Dang on 11/15/21.
+//
+
+#ifndef RMFDirectionsRenderer_h
+#define RMFDirectionsRenderer_h
+
+#import <React/UIView+React.h>
+#import <Map4dMap/Map4dMap.h>
+#import "RMFDirectionsRendererMap4d.h"
+#import "RMFCoordinate.h"
+#import "RMFDirectionsMarkerOptions.h"
+
+@class RMFMapView;
+
+@interface RMFDirectionsRenderer : UIView
+
+@property (nonatomic, strong, nonnull) RMFDirectionsRendererMap4d* map4dDirectionsRenderer;
+
+@property (nonatomic, copy) RCTBubblingEventBlock _Nullable onPress;
+
+@property (nonatomic, strong, nullable) NSArray<NSArray<RMFCoordinate*>*>* routes;
+@property (nonatomic, strong, nullable) NSString* directions;
+@property (nonatomic, assign) NSUInteger activedIndex;
+
+@property(nonatomic, assign) CGFloat activeStrokeWidth;
+@property(nonatomic, strong, nullable) UIColor* activeStrokeColor;
+@property(nonatomic, assign) CGFloat activeOutlineWidth;
+@property(nonatomic, strong, nullable) UIColor* activeOutlineColor;
+
+@property(nonatomic, assign) CGFloat inactiveStrokeWidth;
+@property(nonatomic, strong, nullable) UIColor* inactiveStrokeColor;
+@property(nonatomic, assign) CGFloat inactiveOutlineWidth;
+@property(nonatomic, strong, nullable) UIColor* inactiveOutlineColor;
+
+@property(nonatomic, strong, nullable) RMFDirectionsMarkerOptions* originPOIOptions;
+@property(nonatomic, strong, nullable) RMFDirectionsMarkerOptions* destinationPOIOptions;
+
+- (void)setMapView:(RMFMapView* _Nullable)mapView;
+- (void)didTapAtPixel:(CGPoint)pixel withRouteIndex:(NSInteger)routeIndex;
+
+@end
+
+#endif /* RMFDirectionsRenderer_h */

package/ios/RMFDirectionsRenderer.m

@@ -0,0 +1,182 @@
+//
+//  RMFDirectionsRenderer.m
+//  Map4dMap React Native
+//
+//  Created by Huy Dang on 11/15/21.
+//
+
+#import "RMFDirectionsRenderer.h"
+#import "RMFEventResponse.h"
+
+@implementation RMFDirectionsRenderer
+
+- (instancetype)init {
+  if (self = [super init]) {
+    _map4dDirectionsRenderer = [[RMFDirectionsRendererMap4d alloc] init];
+    _map4dDirectionsRenderer.reactRenderer = self;
+    
+    _routes = nil;
+    _directions = nil;
+    
+    _activedIndex = _map4dDirectionsRenderer.activedIndex;
+
+    _activeStrokeColor = _map4dDirectionsRenderer.activeStrokeColor;
+    _activeStrokeWidth = _map4dDirectionsRenderer.activeStrokeWidth;
+    _activeOutlineColor = _map4dDirectionsRenderer.activeOutlineColor;
+    _activeOutlineWidth = _map4dDirectionsRenderer.activeOutlineWidth;
+
+    _inactiveStrokeColor = _map4dDirectionsRenderer.inactiveStrokeColor;
+    _inactiveStrokeWidth = _map4dDirectionsRenderer.inactiveStrokeWidth;
+    _inactiveOutlineColor = _map4dDirectionsRenderer.inactiveOutlineColor;
+    _inactiveOutlineWidth = _map4dDirectionsRenderer.inactiveOutlineWidth;
+    
+    _originPOIOptions = nil;
+    _destinationPOIOptions = nil;
+  }
+  return self;
+}
+
+- (void)setMapView:(RMFMapView *)mapView {
+  _map4dDirectionsRenderer.activedIndex = _activedIndex;
+  _map4dDirectionsRenderer.map = (MFMapView*)mapView;
+}
+
+- (void)didTapAtPixel:(CGPoint)pixel withRouteIndex:(NSInteger)routeIndex {
+  if (!self.onPress) {
+    return;
+  }
+  
+  CLLocationCoordinate2D tapLocation = [_map4dDirectionsRenderer.map.projection coordinateForPoint:pixel];
+  NSMutableDictionary* response = [NSMutableDictionary dictionaryWithDictionary:[RMFEventResponse fromCoordinate:tapLocation
+                                                                                                           pixel:pixel]];
+  response[@"routeIndex"] = @(routeIndex);
+  response[@"action"] = @"directions-press";
+  self.onPress(response);
+}
+
+- (void)setRoutes:(NSArray<NSArray<RMFCoordinate *> *> *)routes {
+  _routes = routes;
+  NSMutableArray<MFPath*>* paths = [NSMutableArray arrayWithCapacity:routes.count];
+  for (int i = 0; i < routes.count; i++) {
+    NSArray<RMFCoordinate*>* route = [routes objectAtIndex:i];
+    MFMutablePath* path = [[MFMutablePath alloc] init];
+    for (int j = 0; j < route.count; j++) {
+      [path addCoordinate:route[j].coordinate];
+    }
+    
+    [paths addObject:path];
+  }
+  
+  if (paths.count > 0) {
+    _map4dDirectionsRenderer.routes = paths;
+  }
+  else {
+    _map4dDirectionsRenderer.routes = nil;
+  }
+}
+
+- (void)setDirections:(NSString *)json {
+  _directions = json;
+  [_map4dDirectionsRenderer setRoutesWithJson:json];
+}
+
+- (void)setActivedIndex:(NSUInteger)activedIndex {
+  _activedIndex = activedIndex;
+  _map4dDirectionsRenderer.activedIndex = activedIndex;
+}
+
+- (void)setActiveStrokeColor:(UIColor *)color {
+  _activeStrokeColor = color;
+  _map4dDirectionsRenderer.activeStrokeColor = color;
+}
+
+- (void)setActiveStrokeWidth:(CGFloat)width {
+  _activeStrokeWidth = width;
+  _map4dDirectionsRenderer.activeStrokeWidth = width;
+}
+
+- (void)setActiveOutlineColor:(UIColor *)color {
+  _activeOutlineColor = color;
+  _map4dDirectionsRenderer.activeOutlineColor = color;
+}
+
+- (void)setActiveOutlineWidth:(CGFloat)width {
+  _activeOutlineWidth = width;
+  _map4dDirectionsRenderer.activeOutlineWidth = width;
+}
+
+- (void)setInactiveStrokeColor:(UIColor *)color {
+  _inactiveStrokeColor = color;
+  _map4dDirectionsRenderer.inactiveStrokeColor = color;
+}
+
+- (void)setInactiveStrokeWidth:(CGFloat)width {
+  _inactiveStrokeWidth = width;
+  _map4dDirectionsRenderer.inactiveStrokeWidth = width;
+}
+
+- (void)setInactiveOutlineColor:(UIColor *)color {
+  _inactiveOutlineColor = color;
+  _map4dDirectionsRenderer.inactiveOutlineColor = color;
+}
+
+- (void)setInactiveOutlineWidth:(CGFloat)width {
+  _inactiveOutlineWidth = width;
+  _map4dDirectionsRenderer.inactiveOutlineWidth = width;
+}
+
+- (void)setOriginPOIOptions:(RMFDirectionsMarkerOptions *)options {
+  _originPOIOptions = options;
+  
+  _map4dDirectionsRenderer.hideOriginPOI = !options.visible;
+  _map4dDirectionsRenderer.originPosition = options.coordinate;
+  _map4dDirectionsRenderer.originTitle = options.title;
+  _map4dDirectionsRenderer.originTitleColor = options.titleColor;
+  
+  if (options.icon == nil || options.icon.uri == nil) {
+    _map4dDirectionsRenderer.originIcon = nil;
+  }
+  else {
+    dispatch_async(dispatch_get_global_queue(0,0), ^{
+      NSData * imageData = [[NSData alloc] initWithContentsOfURL: [NSURL URLWithString: options.icon.uri]];
+      if (imageData != nil) {
+        dispatch_async(dispatch_get_main_queue(), ^{
+          UIImage* icon = [UIImage imageWithData:imageData];
+          UIImage* scaleIcon = [UIImage imageWithCGImage:[icon CGImage]
+                                                   scale:[UIScreen mainScreen].scale
+                                             orientation:icon.imageOrientation];
+          self->_map4dDirectionsRenderer.originIcon = scaleIcon;
+        });
+      }
+    });
+  }
+}
+
+- (void)setDestinationPOIOptions:(RMFDirectionsMarkerOptions *)options {
+  _destinationPOIOptions = options;
+  
+  _map4dDirectionsRenderer.hideDestinationPOI = !options.visible;
+  _map4dDirectionsRenderer.destinationPosition = options.coordinate;
+  _map4dDirectionsRenderer.destinationTitle = options.title;
+  _map4dDirectionsRenderer.destinationTitleColor = options.titleColor;
+  
+  if (options.icon == nil || options.icon.uri == nil) {
+    _map4dDirectionsRenderer.destinationIcon = nil;
+  }
+  else {
+    dispatch_async(dispatch_get_global_queue(0,0), ^{
+      NSData * imageData = [[NSData alloc] initWithContentsOfURL: [NSURL URLWithString: options.icon.uri]];
+      if (imageData != nil) {
+        dispatch_async(dispatch_get_main_queue(), ^{
+          UIImage* icon = [UIImage imageWithData:imageData];
+          UIImage* scaleImage = [UIImage imageWithCGImage:[icon CGImage]
+                                                    scale:[UIScreen mainScreen].scale
+                                              orientation:icon.imageOrientation];
+          self->_map4dDirectionsRenderer.destinationIcon = scaleImage;
+        });
+      }
+    });
+  }
+}
+
+@end

package/ios/RMFDirectionsRendererManager.h

@@ -0,0 +1,17 @@
+//
+//  RMFDirectionsRendererManager.h
+//  Map4dMap React Native
+//
+//  Created by Huy Dang on 11/15/21.
+//
+
+#ifndef RMFDirectionsRendererManager_h
+#define RMFDirectionsRendererManager_h
+
+#import <React/RCTViewManager.h>
+
+@interface RMFDirectionsRendererManager : RCTViewManager
+
+@end
+
+#endif /* RMFDirectionsRendererManager_h */