zIndex doesn't work when the map moves in iOS 11 (react-native-maps#2359)

Author: dahiri-farid

lib/ios/AirMaps/AIRMapMarker.m

@@ -28,6 +28,14 @@ @implementation AIRMapMarker {
     NSInteger _zIndexBeforeOpen;
 }
 
+- (instancetype)initWithFrame:(CGRect)frame {
+    self = [super initWithFrame:frame];
+    if (self) {
+        [self.layer addObserver:self forKeyPath:@"zPosition" options:NSKeyValueObservingOptionNew context:nil];
+    }
+    return self;
+}
+
 - (void)reactSetFrame:(CGRect)frame
 {
     // Make sure we use the image size when available
@@ -312,4 +320,14 @@ - (void)setZIndex:(NSInteger)zIndex
     self.layer.zPosition = zIndex;
 }
 
+- (void)dealloc {
+    [self.layer removeObserver:self forKeyPath:@"zPosition"];
+}
+
+- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
+    if ([keyPath isEqualToString:@"zPosition"]) {
+        self.layer.zPosition = _zIndex;
+    }
+}
+
 @end