expo-gaode-map 0.1.0 → 0.1.2

package/lib/ios/RNAMapGeolocation.m

@@ -0,0 +1,302 @@
+#import "RNAMapGeolocation.h"
+
+@implementation RNAMapGeolocation {
+    AMapLocationManager *_manager;
+    CLLocationManager *_clManager;
+    BOOL _isStarted;
+    BOOL _locatingWithReGeocode;
+}
+
+RCT_EXPORT_MODULE()
+
+- (dispatch_queue_t)methodQueue {
+    return dispatch_get_main_queue();
+}
+
++ (BOOL)requiresMainQueueSetup {
+    return YES;
+}
+
+RCT_EXPORT_METHOD(setApiKey:(NSString *)apiKey) {
+    [AMapServices sharedServices].apiKey = apiKey;
+    _manager = [[AMapLocationManager alloc] init];
+    _manager.delegate = self;
+    [AMapLocationManager updatePrivacyAgree:AMapPrivacyAgreeStatusDidAgree];
+    [AMapLocationManager updatePrivacyShow:AMapPrivacyShowStatusDidShow privacyInfo:AMapPrivacyInfoStatusDidContain];
+    [_manager setDesiredAccuracy: kCLLocationAccuracyHundredMeters];
+    [_manager setPausesLocationUpdatesAutomatically: NO];
+    [[AMapServices sharedServices] setEnableHTTPS:YES];
+    _clManager = [CLLocationManager new];
+    _locatingWithReGeocode = NO;
+    _isStarted = NO;
+}
+
+// 定位超时时间，最低2s，默认设置为2s
+RCT_EXPORT_METHOD(setLocationTimeout: (int)value) {
+    _manager.locationTimeout = value;
+}
+// 逆地理请求超时时间，最低2s，默认设置为2s
+RCT_EXPORT_METHOD(setReGeocodeTimeout: (int)value) {
+    _manager.reGeocodeTimeout = value;
+}
+
+// 设定定位的最小更新距离。单位米，默认为 kCLDistanceFilterNone，表示只要检测到设备位置发生变化就会更新位置信息。
+RCT_EXPORT_METHOD(setDistanceFilter : (int)value) {
+  _manager.distanceFilter = value;
+}
+// 用于指定所需的精度级别。 定位服务将尽最大努力达到您想要的精度。 但是，不能保证。
+// 为了优化电源性能，请确保为您的使用情况指定适当的精度（例如，当仅需要粗略位置时，使用较大的精度值）。
+// 0 => kCLLocationAccuracyBestForNavigation
+// 1 => kCLLocationAccuracyBest
+// 2 => kCLLocationAccuracyNearestTenMeters
+// 3 => kCLLocationAccuracyHundredMeters
+// 4 => kCLLocationAccuracyKilometer
+// 5 => kCLLocationAccuracyThreeKilometers
+RCT_EXPORT_METHOD(setDesiredAccuracy: (NSInteger)accuracy) {
+    switch (accuracy) {
+        case 0:
+            [_manager setDesiredAccuracy: kCLLocationAccuracyBestForNavigation];
+            break;
+        case 1:
+            [_manager setDesiredAccuracy: kCLLocationAccuracyBest];
+            break;
+        case 2:
+            [_manager setDesiredAccuracy: kCLLocationAccuracyNearestTenMeters];
+            break;
+        case 3:
+            [_manager setDesiredAccuracy: kCLLocationAccuracyHundredMeters];
+            break;
+        case 4:
+            [_manager setDesiredAccuracy: kCLLocationAccuracyKilometer];
+            break;
+        case 5:
+            [_manager setDesiredAccuracy: kCLLocationAccuracyThreeKilometers];
+            break;
+        default:
+            break;
+    }
+}
+
+// 是否已经开始定位了
+RCT_REMAP_METHOD(isStarted, resolver: (RCTPromiseResolveBlock)resolve
+    rejecter:(RCTPromiseRejectBlock)reject) {
+    resolve(@(_isStarted));
+}
+
+// 开始定位
+RCT_EXPORT_METHOD(start) {
+    _isStarted = YES;
+    [_manager startUpdatingLocation];
+}
+
+// 停止更新位置信息
+RCT_EXPORT_METHOD(stop) {
+    _isStarted = NO;
+    [_manager stopUpdatingLocation];
+}
+
+// 开始获取设备朝向，如果设备支持方向识别，则会通过代理回调方法-wx
+RCT_EXPORT_METHOD(startUpdatingHeading) {
+    [_manager startUpdatingHeading];
+}
+// 停止获取设备朝向-wx
+RCT_EXPORT_METHOD(stopUpdatingHeading) {
+    [_manager stopUpdatingHeading];
+}
+
+// 定位是否返回逆地理信息，默认NO。
+RCT_EXPORT_METHOD(setLocatingWithReGeocode: (BOOL)value) {
+    _locatingWithReGeocode = value;
+    [_manager setLocatingWithReGeocode: value];
+}
+
+// 逆地址语言类型，默认是AMapLocationRegionLanguageDefault
+// AMapLocationReGeocodeLanguageDefault = 0,          ///<默认，根据地区选择语言
+// AMapLocationReGeocodeLanguageChinse = 1,           ///<中文
+// AMapLocationReGeocodeLanguageEnglish = 2,          ///<英文
+RCT_EXPORT_METHOD(setGeoLanguage : (int)value) {
+  _manager.reGeocodeLanguage = (AMapLocationReGeocodeLanguage)value;
+}
+
+// 指定定位是否会被系统自动暂停。默认为NO。
+RCT_EXPORT_METHOD(setPausesLocationUpdatesAutomatically: (BOOL)value) {
+  _manager.pausesLocationUpdatesAutomatically = value;
+}
+// 是否允许后台定位。默认为NO。只在iOS 9.0及之后起作用。
+// 设置为YES的时候必须保证 Background Modes 中的 Location updates 处于选中状态，否则会抛出异常。
+RCT_EXPORT_METHOD(setAllowsBackgroundLocationUpdates: (BOOL)value) {
+  _manager.allowsBackgroundLocationUpdates = value;
+}
+
+/**
+ * @brief 转换目标经纬度为高德坐标系，不在枚举范围内的经纬度将直接返回。
+ * @param coordinate 待转换的经纬度
+ * @param typeNum    坐标系类型，对应的序号
+ * @return 高德坐标系经纬度
+ * https://lbs.amap.com/api/ios-sdk/guide/computing-equipment/amap-calculate-tool
+ */
+RCT_EXPORT_METHOD(coordinateConvert:
+                  (CLLocationCoordinate2D) coordinate
+      typer:(NSInteger)typeNum
+      resolver: (RCTPromiseResolveBlock)resolve
+      rejecter:(RCTPromiseRejectBlock)reject)
+{
+    AMapCoordinateType typeObj;
+    switch (typeNum) {
+        case -1:
+            typeObj = AMapCoordinateTypeAMap;
+            break;
+        case 0:
+            typeObj = AMapCoordinateTypeBaidu;
+            break;
+        case 1:
+            typeObj = AMapCoordinateTypeMapBar;
+            break;
+        case 2:
+            typeObj = AMapCoordinateTypeMapABC;
+            break;
+        case 3:
+            typeObj = AMapCoordinateTypeSoSoMap;
+            break;
+        case 4:
+            typeObj = AMapCoordinateTypeAliYun;
+            break;
+        case 5:
+            typeObj = AMapCoordinateTypeGoogle;
+            break;
+        case 6:
+            typeObj = AMapCoordinateTypeGPS;
+            break;
+        default:
+            typeObj = AMapCoordinateTypeGPS;
+            break;
+    }
+
+    CLLocationCoordinate2D amapcoord = AMapCoordinateConvert(CLLocationCoordinate2DMake(coordinate.latitude, coordinate.longitude), typeObj);
+    resolve(@{
+        @"latitude": [NSNumber numberWithDouble:amapcoord.latitude],
+        @"longitude": [NSNumber numberWithDouble:amapcoord.longitude]
+    });
+}
+
+// 获取当前定位
+// 默认只获取经纬度，通过 setLocatingWithReGeocode 设置，是否返回逆地理信息
+RCT_EXPORT_METHOD(getCurrentLocation: (RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject) {
+    CLAuthorizationStatus status = [CLLocationManager authorizationStatus];
+    [_clManager requestWhenInUseAuthorization];
+    NSLog(@"reGeocode:逆地理信息");
+    // - kCLAuthorizationStatusAuthorizedWhenInUse 用户已授权仅在使用您的应用程序时使用其位置。
+    // - kCLAuthorizationStatusAuthorizedAlways 用户已授权在任何时间使用其位置。
+    // - kCLAuthorizationStatusNotDetermined 用户尚未对此应用做出选择
+    if (status == kCLAuthorizationStatusAuthorizedAlways || status ==  kCLAuthorizationStatusAuthorizedWhenInUse || status ==  kCLAuthorizationStatusNotDetermined) {
+        [_manager requestLocationWithReGeocode: _locatingWithReGeocode completionBlock:^(CLLocation *location, AMapLocationReGeocode *regeocode, NSError *error) {
+            if (error) {
+                reject([NSString stringWithFormat:@"%ld",(long)error.code], error.localizedDescription, error);
+            } else {
+                NSLog(@"location:定位信息:%@", location);
+                NSLog(@"regeocode:逆地理信息:%@", regeocode);
+                if (regeocode) {
+                    NSLog(@"reGeocode:逆地理信息:%@", regeocode);
+                }
+                id json = [self json:location reGeocode:regeocode];
+                [NSUserDefaults.standardUserDefaults setObject: json forKey: RNAMapGeolocation.storeKey];
+                resolve(json);
+            }
+        }];
+    } else {
+         reject(@"-10086", @"location unauthorized", nil);
+    }
+}
+
++ (NSString *)storeKey {
+    return @"RNAMapGeolocation";
+}
+
+- (id)json:(CLLocation *)location reGeocode:(AMapLocationReGeocode *)reGeocode {
+
+    BOOL flag = AMapLocationDataAvailableForCoordinate(location.coordinate);
+    // 逆地理信息
+    if (reGeocode) {
+        return @{
+            @"accuracy" : @(location.horizontalAccuracy),
+            @"latitude" : @(location.coordinate.latitude),
+            @"longitude" : @(location.coordinate.longitude),
+            @"altitude" : @(location.altitude),
+            @"speed" : @(location.speed),
+            @"heading" : @(location.course),
+            @"timestamp" : @(location.timestamp.timeIntervalSince1970 * 1000),
+            @"isAvailableCoordinate": @(flag),
+
+            @"address" : reGeocode.formattedAddress ? reGeocode.formattedAddress : @"",
+            @"country" : reGeocode.country ? reGeocode.country : @"",
+            @"province" : reGeocode.province ? reGeocode.province : @"",
+            @"city" : reGeocode.city ? reGeocode.city : @"",
+            @"district" : reGeocode.district ? reGeocode.district : @"",
+            @"cityCode" : reGeocode.citycode ? reGeocode.citycode : @"",
+            @"adCode" : reGeocode.adcode ? reGeocode.adcode : @"",
+            @"street" : reGeocode.street ? reGeocode.street : @"",
+            @"streetNumber" : reGeocode.number ? reGeocode.number : @"",
+            @"poiName" : reGeocode.POIName ? reGeocode.POIName : @"",
+            @"aoiName" : reGeocode.AOIName ? reGeocode.AOIName : @"",
+        };
+
+    } else {
+        // 定位信息
+        return @{
+             @"accuracy": @(location.horizontalAccuracy),
+             @"latitude": @(location.coordinate.latitude),
+             @"longitude": @(location.coordinate.longitude),
+             @"isAvailableCoordinate": @(flag),
+             @"altitude": @(location.altitude),
+             @"speed": @(location.speed),
+             @"heading": @(location.course),
+             @"timestamp": @(location.timestamp.timeIntervalSince1970 * 1000),
+        };
+    }
+}
+
+/**
+ *  @brief 当plist配置NSLocationAlwaysUsageDescription或者NSLocationAlwaysAndWhenInUseUsageDescription，
+ *  并且[CLLocationManager authorizationStatus] == kCLAuthorizationStatusNotDetermined，会调用代理的此方法。
+ *  此方法实现申请后台权限API即可：[locationManager requestAlwaysAuthorization](必须调用,不然无法正常获取定位权限)
+ *  @param manager 地理围栏管理类。
+ *  @param locationManager  需要申请后台定位权限的locationManager。
+ *  @since 2.6.2
+ */
+- (void)amapLocationManager:(AMapLocationManager *)manager
+      doRequireLocationAuth:(CLLocationManager *)locationManager {
+  [locationManager requestAlwaysAuthorization];
+}
+
+- (NSArray<NSString *> *)supportedEvents {
+  return @[ @"AMapGeolocation" ];
+}
+
+/**
+ *  @brief 连续定位回调函数.注意：如果实现了本方法，则定位信息不会通过amapLocationManager:didUpdateLocation:方法回调。
+ *  @param manager 定位 AMapLocationManager 类。
+ *  @param location 定位结果。
+ *  @param reGeocode 逆地理信息。
+ */
+- (void)amapLocationManager:(AMapLocationManager *)manager
+    didUpdateLocation:(CLLocation *)location
+    reGeocode:(AMapLocationReGeocode *)reGeocode
+{
+    id json = [self json:location reGeocode:reGeocode];
+    [self sendEventWithName: @"AMapGeolocation" body:json];
+}
+
+/**
+ *  @brief 当定位发生错误时，会调用代理的此方法。
+ *  @param manager 定位 AMapLocationManager 类。
+ *  @param error 返回的错误，参考 CLError 。
+ */
+- (void)amapLocationManager:(AMapLocationManager *)manager didFailWithError:(NSError *)error {
+    [self sendEventWithName: @"AMapGeolocation"
+    body: @{
+        @"errorCode": @(error.code),
+        @"errorInfo": error.localizedDescription,
+    }];
+}
+
+@end

package/lib/ios/Utils.swift

@@ -0,0 +1,104 @@
+extension NSDictionary {
+  var coordinate: CLLocationCoordinate2D {
+    CLLocationCoordinate2DMake(self["latitude"] as! Double, self["longitude"] as! Double)
+  }
+
+  var point: CGPoint {
+    CGPoint(x: self["x"] as! Double, y: self["y"] as! Double)
+  }
+}
+
+extension CLLocationCoordinate2D {
+  var json: [String: Double] {
+    ["latitude": latitude, "longitude": longitude]
+  }
+}
+
+extension MAUserLocation {
+  var json: [String: Any] {
+    [
+      "coords": [
+        "latitude": coordinate.latitude,
+        "longitude": coordinate.longitude,
+        "altitude": location?.altitude ?? 0,
+        "heading": heading?.trueHeading,
+        "accuracy": location?.horizontalAccuracy ?? 0,
+        "speed": location?.speed ?? 0,
+      ],
+      "timestamp": NSDate().timeIntervalSince1970 * 1000,
+    ]
+  }
+}
+
+extension MACoordinateRegion {
+  var json: [String: Any] {
+    [
+      "southwest": [
+        "latitude": center.latitude - span.latitudeDelta / 2,
+        "longitude": center.longitude - span.longitudeDelta / 2,
+      ],
+      "northeast": [
+        "latitude": center.latitude + span.latitudeDelta / 2,
+        "longitude": center.longitude + span.longitudeDelta / 2,
+      ],
+    ]
+  }
+}
+
+extension MAMapStatus {
+  var json: [String: Any] {
+    [
+      "target": centerCoordinate.json,
+      "zoom": zoomLevel,
+      "bearing": rotationDegree,
+      "tilt": cameraDegree,
+    ]
+  }
+}
+
+extension MAMapView {
+  var cameraEvent: [String: Any] {
+    [
+      "cameraPosition": getMapStatus().json,
+      "latLngBounds": region.json,
+    ]
+  }
+}
+
+extension Double {
+  var cgFloat: CGFloat {
+    CGFloat(self)
+  }
+}
+
+extension RCTConvert {
+  @objc static func MAMapType(_ json: Any) -> MAMapType {
+    MAMapKit.MAMapType(rawValue: json as! NSInteger)!
+  }
+}
+
+extension RCTImageLoader {
+  func loadImage(_ icon: NSDictionary?, callback: @escaping (UIImage) -> Void) {
+    if icon == nil {
+      return
+    }
+    let width = icon?["width"] as? Double ?? 0
+    let height = icon?["height"] as? Double ?? 0
+    loadImage(
+      with: RCTConvert.nsurlRequest(icon),
+      size: CGSize(width: width, height: height),
+      scale: RCTScreenScale(),
+      clipped: false,
+      resizeMode: RCTResizeMode.cover,
+      progressBlock: { _, _ in },
+      partialLoad: { _ in },
+      completionBlock: { _, image in
+        if image != nil {
+          DispatchQueue.main.async {
+            callback(image!)
+          }
+        }
+      }
+    )
+  }
+}

package/lib/ios/react-native-amap3d.podspec

@@ -0,0 +1,21 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "../../package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-amap3d"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "https://github.com/qiuxiang/react-native-amap3d.git", :tag => "#{s.version}" }
+
+  s.source_files = "**/*.{h,m,mm,swift}"
+
+  s.dependency "React-Core"
+  s.dependency 'AMap3DMap', '10.0.600'
+  s.dependency "AMapLocation"
+end

package/lib/src/circle.tsx

@@ -0,0 +1,36 @@
+import { requireNativeComponent } from "react-native";
+import { LatLng } from "./types";
+
+export interface CircleProps {
+  /**
+   * 圆点坐标
+   */
+  center: LatLng;
+
+  /**
+   * 半径（米）
+   */
+  radius: number;
+
+  /**
+   * 边线宽度
+   */
+  strokeWidth?: number;
+
+  /**
+   * 边线颜色
+   */
+  strokeColor?: string;
+
+  /**
+   * 填充颜色
+   */
+  fillColor?: string;
+
+  /**
+   * 层级
+   */
+  zIndex?: number;
+}
+
+export default requireNativeComponent<CircleProps>("AMapCircle");

package/lib/src/cluster/cluster-view.tsx

@@ -0,0 +1,58 @@
+/*
+ * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com
+ * @Date         : 2024-12-17 21:28:15
+ * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com
+ * @LastEditTime : 2025-03-25 09:25:54
+ * @FilePath     : /jintan-app/lib/amap3d/lib/src/cluster/cluster-view.tsx
+ * @Description  : 
+ * 
+ * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved. 
+ */
+import * as React from "react";
+import { StyleSheet, Text,  ViewStyle } from "react-native";
+import { ClusterParams } from ".";
+import Marker from "../marker";
+import { View } from "@/components/Themed";
+
+interface Props {
+  cluster: ClusterParams;
+  style?: ViewStyle;
+  textStyle?: ViewStyle;
+  onPress?: (params: ClusterParams) => void;
+}
+
+export default class ClusterView extends React.PureComponent<Props> {
+  onPress = () => {
+    this.props.onPress?.call(this, this.props.cluster);
+  };
+
+  renderClusterView = () => {
+    const { count } = this.props.cluster;
+    const size = 36 + Math.log2(count);
+    const clusterStyle = { width: size, height: size, borderRadius: size / 2 };
+    return (
+      <View style={[style.cluster, clusterStyle, this.props.style]}>
+        <Text style={[style.text, this.props.textStyle]}>{count}</Text>
+      </View>
+    );
+  };
+
+  render() {
+    return (
+      <Marker onPress={this.onPress} position={this.props.cluster.position}>
+        {this.renderClusterView()}
+      </Marker>
+    );
+  }
+}
+
+const style = StyleSheet.create({
+  cluster: {
+    borderWidth: 4,
+    borderColor: "#fff",
+    backgroundColor: "rgba(245,83,61,0.9)",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  text: { color: "#fff", fontWeight: "600" },
+});

package/lib/src/cluster/index.tsx

@@ -0,0 +1,159 @@
+import * as React from "react";
+import { ViewStyle } from "react-native";
+import Supercluster, { ClusterFeature, ClusterProperties } from "supercluster";
+import { CameraEvent } from "../map-view";
+import { LatLng } from "../types";
+import ClusterView from "./cluster-view";
+
+export interface ClusterParams {
+  /**
+   * 唯一标识
+   */
+  id: number;
+
+  /**
+   * 包含的 Marker 数量
+   */
+  count: number;
+
+  /**
+   * 坐标
+   */
+  position: LatLng;
+}
+
+interface ClusterPoint {
+  /**
+   * 坐标
+   */
+  position: LatLng;
+
+  /**
+   * 携带的数据，可以是任意类型
+   */
+  properties?: any;
+}
+
+interface Props {
+  /**
+   * 聚合半径
+   */
+  radius?: number;
+
+  /**
+   * 聚合点样式
+   */
+  clusterStyle?: ViewStyle;
+
+  /**
+   * 聚合点文本样式
+   */
+  clusterTextStyle?: ViewStyle;
+
+  /**
+   * 坐标点列表
+   */
+  points: ClusterPoint[];
+
+  /**
+   * 渲染 Marker
+   */
+  renderMarker: (item: ClusterPoint) => React.ReactNode;
+
+  /**
+   * 渲染聚合点
+   */
+  renderCluster?: (params: ClusterParams) => React.ComponentType<any>;
+
+  /**
+   * 聚合点点击事件
+   */
+  onPress?: (params: ClusterParams) => void;
+}
+
+interface State {
+  clusters: ClusterFeature<ClusterProperties>[];
+}
+
+export default class Cluster extends React.PureComponent<Props, State> {
+  static defaultProps = { radius: 200 };
+  state: State = { clusters: [] };
+  status?: CameraEvent;
+  cluster?: Supercluster<any, ClusterProperties>;
+
+  componentDidMount() {
+    this.init();
+  }
+
+  componentDidUpdate(props: Props) {
+    if (props.points != this.props.points) {
+      this.init();
+    }
+  }
+
+  async init() {
+    const { radius, points } = this.props;
+    // 如果主线程占用太多计算资源，会导致 ios onLoad 事件无法触发，非常蛋疼
+    // 暂时想到的解决办法是等一个事件循环
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    const options = { radius, minZoom: 3, maxZoom: 21 };
+    this.cluster = new Supercluster<any, ClusterProperties>(options).load(
+      points.map((marker) => ({
+        type: "Feature",
+        geometry: {
+          type: "Point",
+          coordinates: [marker.position.longitude, marker.position.latitude],
+        },
+        properties: marker.properties,
+      }))
+    );
+    if (this.status) {
+      this.update(this.status);
+    }
+  }
+
+  /**
+   * 需要在 MapView.onCameraIdle({ nativeEvent }) 回调里调用，参数为 nativeEvent
+   */
+  async update(status: CameraEvent) {
+    this.status = status;
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    const { cameraPosition, latLngBounds } = status;
+    const { southwest, northeast } = latLngBounds;
+    const clusters = this.cluster!.getClusters(
+      [southwest.longitude, southwest.latitude, northeast.longitude, northeast.latitude],
+      Math.round(cameraPosition.zoom!)
+    );
+    this.setState({ clusters });
+  }
+
+  renderCluster = (cluster: ClusterParams) => {
+    return (
+      <ClusterView
+        key={cluster.id}
+        cluster={cluster}
+        onPress={this.props.onPress}
+        style={this.props.clusterStyle}
+        textStyle={this.props.clusterTextStyle}
+      />
+    );
+  };
+
+  render() {
+    const { renderCluster, renderMarker } = this.props;
+    const render = renderCluster || this.renderCluster;
+    return this.state.clusters.map(({ geometry, properties }) => {
+      const position = {
+        latitude: geometry.coordinates[1],
+        longitude: geometry.coordinates[0],
+      };
+
+      if (properties.point_count > 0) {
+        const { cluster_id, point_count } = properties;
+        return render({ position, id: cluster_id, count: point_count });
+      }
+
+      return renderMarker({ position, properties });
+    });
+  }
+}