实现 ios 海量点图层(MultiPoint)

example/ios/RNAMap3D/Images.xcassets/point.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "point.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/AMapHeatMap.h

@@ -1,7 +1,5 @@
 #import <MAMapKit/MAMapKit.h>
 #import "AMapModel.h"
 
-#pragma ide diagnostic ignored "OCUnusedPropertyInspection"
-
 @interface AMapHeatMap : AMapModel
 @end

ios/AMapHeatMap.m

@@ -1,5 +1,4 @@
 #import "AMapHeatMap.h"
-#import "Coordinate.h"
 
 #pragma ide diagnostic ignored "OCUnusedMethodInspection"
 

ios/AMapMultiPoint.h

@@ -0,0 +1,7 @@
+#import <React/RCTComponent.h>
+#import <MAMapKit/MAMapKit.h>
+#import "AMapModel.h"
+
+@interface AMapMultiPoint : AMapModel <MAMultiPointOverlayRendererDelegate>
+@property(nonatomic, copy) RCTBubblingEventBlock onItemPress;
+@end

ios/AMapMultiPoint.m

@@ -0,0 +1,38 @@
+#import "AMapMultiPoint.h"
+
+#pragma ide diagnostic ignored "OCUnusedMethodInspection"
+
+@implementation AMapMultiPoint {
+    NSArray<MAMultiPointItem *> *_items;
+    MAMultiPointOverlayRenderer *_renderer;
+    MAMultiPointOverlay *_overlay;
+    UIImage *_image;
+}
+
+- (void)setPoints:(NSArray<MAMultiPointItem *> *)points {
+    _items = points;
+}
+
+- (void)setImage:(NSString *)name {
+    _image = [UIImage imageNamed:name];
+}
+
+- (MAOverlayRenderer *)renderer {
+    if (_renderer == nil) {
+        _overlay = [[MAMultiPointOverlay alloc] initWithMultiPointItems:_items];
+        _renderer = [[MAMultiPointOverlayRenderer alloc] initWithMultiPointOverlay:_overlay];
+        _renderer.delegate = self;
+        if (_image != nil) {
+            _renderer.icon = _image;
+        }
+    }
+    return _renderer;
+}
+
+- (void)multiPointOverlayRenderer:(MAMultiPointOverlayRenderer *)renderer didItemTapped:(MAMultiPointItem *)item {
+    self.onItemPress(@{
+            @"index": @([_items indexOfObject:item]),
+    });
+}
+
+@end

ios/AMapMultiPointManager.m

@@ -0,0 +1,23 @@
+#import <MAMapKit/MAMapView.h>
+#import <React/RCTViewManager.h>
+#import "AMapMultiPoint.h"
+
+#pragma ide diagnostic ignored "OCUnusedClassInspection"
+
+@interface AMapMultiPointManager : RCTViewManager
+@end
+
+@implementation AMapMultiPointManager {
+}
+
+RCT_EXPORT_MODULE()
+
+- (UIView *)view {
+    return [AMapMultiPoint new];
+}
+
+RCT_EXPORT_VIEW_PROPERTY(points, MAMultiPointItemArray)
+RCT_EXPORT_VIEW_PROPERTY(image, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onItemPress, RCTBubblingEventBlock)
+
+@end

ios/RCTConvert+AMapView.m

@@ -31,6 +31,12 @@ + (MAHeatMapNode *)MAHeatMapNode:(id)json {
     return node;
 }
 
++ (MAMultiPointItem *)MAMultiPointItem:(id)json {
+    MAMultiPointItem *item = [MAMultiPointItem new];
+    item.coordinate = [self CLLocationCoordinate2D:json];
+    return item;
+}
+
 + (MACoordinateRegion)MACoordinateRegion:(id)json {
     return MACoordinateRegionMake(
             [self CLLocationCoordinate2D:json],
@@ -47,6 +53,7 @@ + (AMapNaviPoint *)AMapNaviPoint:(id)json {
 
 RCT_ARRAY_CONVERTER(Coordinate)
 RCT_ARRAY_CONVERTER(MAHeatMapNode)
+RCT_ARRAY_CONVERTER(MAMultiPointItem)
 RCT_ARRAY_CONVERTER(AMapNaviPoint)
 
 @end