expo-gaode-map 0.1.1 → 0.1.3

package/ios/ExpoGaodeMapView.swift

@@ -1,38 +1,284 @@
 import ExpoModulesCore
-import WebKit
+import MAMapKit
 
-// This view will be used as a native component. Make sure to inherit from `ExpoView`
-// to apply the proper styling (e.g. border radius and shadows).
-class ExpoGaodeMapView: ExpoView {
-  let webView = WKWebView()
-  let onLoad = EventDispatcher()
-  var delegate: WebViewDelegate?
-
-  required init(appContext: AppContext? = nil) {
-    super.init(appContext: appContext)
-    clipsToBounds = true
-    delegate = WebViewDelegate { url in
-      self.onLoad(["url": url])
-    }
-    webView.navigationDelegate = delegate
-    addSubview(webView)
-  }
-
-  override func layoutSubviews() {
-    webView.frame = bounds
-  }
+class ExpoGaodeMapView: ExpoView, MAMapViewDelegate {
+    var mapType: Int = 0
+    var initialCameraPosition: [String: Any]?
+    var showsZoomControls: Bool = true
+    var showsCompass: Bool = true
+    var showsScale: Bool = true
+    var isZoomEnabled: Bool = true
+    var isScrollEnabled: Bool = true
+    var isRotateEnabled: Bool = true
+    var isTiltEnabled: Bool = true
+    var showsUserLocation: Bool = false
+    var followUserLocation: Bool = false {
+        didSet {
+            if showsUserLocation {
+                uiManager?.setShowsUserLocation(true, followUser: followUserLocation)
+            }
+        }
+    }
+    var userLocationRepresentation: [String: Any]?
+    var showsTraffic: Bool = false
+    var showsBuildings: Bool = false
+    var showsIndoorMap: Bool = false
+    var maxZoomLevel: CGFloat = 20
+    var minZoomLevel: CGFloat = 3
+    
+    let onMapPress = EventDispatcher()
+    let onLongPress = EventDispatcher()
+    let onLoad = EventDispatcher()
+    
+    private var mapView: MAMapView!
+    private var cameraManager: CameraManager!
+    private var uiManager: UIManager!
+    private var overlayManager: OverlayManager!
+    private var isMapLoaded = false
+    
+    required init(appContext: AppContext? = nil) {
+        super.init(appContext: appContext)
+        
+        // 确保隐私合规已设置
+        MAMapView.updatePrivacyAgree(.didAgree)
+        MAMapView.updatePrivacyShow(.didShow, privacyInfo: .didContain)
+        
+        mapView = MAMapView(frame: bounds)
+        mapView.delegate = self
+        mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+        addSubview(mapView)
+        
+        cameraManager = CameraManager(mapView: mapView)
+        uiManager = UIManager(mapView: mapView)
+        overlayManager = OverlayManager(mapView: mapView)
+        
+        setupDefaultConfig()
+    }
+    
+    override func layoutSubviews() {
+        super.layoutSubviews()
+        mapView.frame = bounds
+    }
+    
+    override func addSubview(_ view: UIView) {
+        super.addSubview(view)
+        
+        // 自动将地图实例传递给覆盖物子视图
+        if let markerView = view as? MarkerView {
+            markerView.setMap(mapView)
+        } else if let circleView = view as? CircleView {
+            circleView.setMap(mapView)
+        } else if let polylineView = view as? PolylineView {
+            polylineView.setMap(mapView)
+        } else if let polygonView = view as? PolygonView {
+            polygonView.setMap(mapView)
+        } else if let heatMapView = view as? HeatMapView {
+            heatMapView.setMap(mapView)
+        } else if let multiPointView = view as? MultiPointView {
+            multiPointView.setMap(mapView)
+        } else if let clusterView = view as? ClusterView {
+            clusterView.setMap(mapView)
+        }
+    }
+    
+    private func setupDefaultConfig() {
+        uiManager.setMapType(0)
+        uiManager.setShowsScale(showsScale)
+        uiManager.setShowsCompass(showsCompass)
+        uiManager.setZoomEnabled(isZoomEnabled)
+        uiManager.setScrollEnabled(isScrollEnabled)
+        uiManager.setRotateEnabled(isRotateEnabled)
+        uiManager.setTiltEnabled(isTiltEnabled)
+        uiManager.setShowsUserLocation(showsUserLocation, followUser: followUserLocation)
+    }
+    
+    func applyProps() {
+        uiManager.setMapType(mapType)
+        
+        if let position = initialCameraPosition, isMapLoaded {
+            cameraManager.setInitialCameraPosition(position)
+        }
+        
+        uiManager.setShowsScale(showsScale)
+        uiManager.setShowsCompass(showsCompass)
+        uiManager.setZoomEnabled(isZoomEnabled)
+        uiManager.setScrollEnabled(isScrollEnabled)
+        uiManager.setRotateEnabled(isRotateEnabled)
+        uiManager.setTiltEnabled(isTiltEnabled)
+        uiManager.setShowsUserLocation(showsUserLocation, followUser: followUserLocation)
+        uiManager.setShowsTraffic(showsTraffic)
+        uiManager.setShowsBuildings(showsBuildings)
+        uiManager.setShowsIndoorMap(showsIndoorMap)
+    }
+    
+    func setMaxZoom(_ maxZoom: Double) {
+        cameraManager.setMaxZoomLevel(CGFloat(maxZoom))
+    }
+    
+    func setMinZoom(_ minZoom: Double) {
+        cameraManager.setMinZoomLevel(CGFloat(minZoom))
+    }
+    
+    func moveCamera(position: [String: Any], duration: Int) {
+        cameraManager.moveCamera(position: position, duration: duration)
+    }
+    
+    func getLatLng(point: [String: Double]) -> [String: Double] {
+        return cameraManager.getLatLng(point: point)
+    }
+    
+    func setCenter(center: [String: Double], animated: Bool) {
+        cameraManager.setCenter(center: center, animated: animated)
+    }
+    
+    func setZoom(zoom: Double, animated: Bool) {
+        cameraManager.setZoomLevel(zoom: CGFloat(zoom), animated: animated)
+    }
+    
+    func getCameraPosition() -> [String: Any] {
+        return cameraManager.getCameraPosition()
+    }
+    
+    func addCircle(id: String, props: [String: Any]) {
+        overlayManager.addCircle(id: id, props: props)
+    }
+    
+    func removeCircle(id: String) {
+        overlayManager.removeCircle(id: id)
+    }
+    
+    func updateCircle(id: String, props: [String: Any]) {
+        overlayManager.updateCircle(id: id, props: props)
+    }
+    
+    func addMarker(id: String, props: [String: Any]) {
+        overlayManager.addMarker(id: id, props: props)
+    }
+    
+    func removeMarker(id: String) {
+        overlayManager.removeMarker(id: id)
+    }
+    
+    func updateMarker(id: String, props: [String: Any]) {
+        overlayManager.updateMarker(id: id, props: props)
+    }
+    
+    func addPolyline(id: String, props: [String: Any]) {
+        overlayManager.addPolyline(id: id, props: props)
+    }
+    
+    func removePolyline(id: String) {
+        overlayManager.removePolyline(id: id)
+    }
+    
+    func updatePolyline(id: String, props: [String: Any]) {
+        overlayManager.updatePolyline(id: id, props: props)
+    }
+    
+    func addPolygon(id: String, props: [String: Any]) {
+        overlayManager.addPolygon(id: id, props: props)
+    }
+    
+    func removePolygon(id: String) {
+        overlayManager.removePolygon(id: id)
+    }
+    
+    func updatePolygon(id: String, props: [String: Any]) {
+        overlayManager.updatePolygon(id: id, props: props)
+    }
+    
+    func setShowsTraffic(_ show: Bool) {
+        showsTraffic = show
+        uiManager.setShowsTraffic(show)
+    }
+    
+    func setShowsBuildings(_ show: Bool) {
+        showsBuildings = show
+        uiManager.setShowsBuildings(show)
+    }
+    
+    func setShowsIndoorMap(_ show: Bool) {
+        showsIndoorMap = show
+        uiManager.setShowsIndoorMap(show)
+    }
+    
+    func setFollowUserLocation(_ follow: Bool) {
+        followUserLocation = follow
+        // 如果定位已开启,立即应用新设置
+        uiManager.setShowsUserLocation(showsUserLocation, followUser: follow)
+    }
+    
+    func setShowsUserLocation(_ show: Bool) {
+        showsUserLocation = show
+        uiManager.setShowsUserLocation(show, followUser: followUserLocation)
+        if show {
+            applyUserLocationStyle()
+        }
+    }
+    
+    func setUserLocationRepresentation(_ config: [String: Any]) {
+        userLocationRepresentation = config
+        if showsUserLocation {
+            uiManager.setUserLocationRepresentation(config)
+        }
+    }
+    
+    private func applyUserLocationStyle() {
+        guard let config = userLocationRepresentation else { return }
+        uiManager.setUserLocationRepresentation(config)
+    }
 }
 
-class WebViewDelegate: NSObject, WKNavigationDelegate {
-  let onUrlChange: (String) -> Void
-
-  init(onUrlChange: @escaping (String) -> Void) {
-    self.onUrlChange = onUrlChange
-  }
-
-  func webView(_ webView: WKWebView, didFinish navigation: WKNavigation) {
-    if let url = webView.url {
-      onUrlChange(url.absoluteString)
+extension ExpoGaodeMapView {
+    public func mapViewDidFinishLoadingMap(_ mapView: MAMapView) {
+        guard !isMapLoaded else { return }
+        isMapLoaded = true
+        if let position = initialCameraPosition {
+            cameraManager.setInitialCameraPosition(position)
+        }
+        onLoad(["loaded": true])
+    }
+    
+    public func mapView(_ mapView: MAMapView, didSingleTappedAt coordinate: CLLocationCoordinate2D) {
+        onMapPress(["latitude": coordinate.latitude, "longitude": coordinate.longitude])
+    }
+    
+    public func mapView(_ mapView: MAMapView, didLongPressedAt coordinate: CLLocationCoordinate2D) {
+        onLongPress(["latitude": coordinate.latitude, "longitude": coordinate.longitude])
+    }
+    
+    public func mapView(_ mapView: MAMapView, viewFor annotation: MAAnnotation) -> MAAnnotationView? {
+        // 定位蓝点返回 nil,使用系统默认样式
+        if annotation.isKind(of: MAUserLocation.self) {
+            return nil
+        }
+        
+        if annotation.isKind(of: MAPointAnnotation.self) {
+            let identifier = "marker"
+            var view = mapView.dequeueReusableAnnotationView(withIdentifier: identifier)
+            if view == nil {
+                view = MAPinAnnotationView(annotation: annotation, reuseIdentifier: identifier)
+            }
+            view?.canShowCallout = true
+            return view
+        }
+        return nil
+    }
+    
+    public func mapView(_ mapView: MAMapView, rendererFor overlay: MAOverlay) -> MAOverlayRenderer {
+        // 首先检查是否是通过子视图添加的覆盖物
+        for subview in subviews {
+            if let circleView = subview as? CircleView, circleView.circle === overlay {
+                return circleView.getRenderer()
+            } else if let polylineView = subview as? PolylineView, polylineView.polyline === overlay {
+                return polylineView.getRenderer()
+            } else if let polygonView = subview as? PolygonView, polygonView.polygon === overlay {
+                return polygonView.getRenderer()
+            }
+        }
+        
+        // 否则使用 OverlayManager 的渲染器
+        return overlayManager.getRenderer(for: overlay) ?? MAOverlayRenderer(overlay: overlay)
     }
-  }
 }
+

package/ios/UIColorExtension.swift

@@ -0,0 +1,11 @@
+import UIKit
+
+extension UIColor {
+    convenience init(argb: Int) {
+        let alpha = CGFloat((argb >> 24) & 0xFF) / 255.0
+        let red = CGFloat((argb >> 16) & 0xFF) / 255.0
+        let green = CGFloat((argb >> 8) & 0xFF) / 255.0
+        let blue = CGFloat(argb & 0xFF) / 255.0
+        self.init(red: red, green: green, blue: blue, alpha: alpha)
+    }
+}

package/ios/managers/CameraManager.swift

@@ -0,0 +1,107 @@
+import ExpoModulesCore
+import MAMapKit
+
+class CameraManager {
+    private weak var mapView: MAMapView?
+    
+    init(mapView: MAMapView) {
+        self.mapView = mapView
+    }
+    
+    func setMaxZoomLevel(_ maxZoom: CGFloat) {
+        mapView?.maxZoomLevel = maxZoom
+    }
+    
+    func setMinZoomLevel(_ minZoom: CGFloat) {
+        mapView?.minZoomLevel = minZoom
+    }
+    
+    func setInitialCameraPosition(_ position: [String: Any]) {
+        guard let mapView = mapView else { return }
+        let status = MAMapStatus()
+        
+        if let target = position["target"] as? [String: Double],
+           let latitude = target["latitude"],
+           let longitude = target["longitude"] {
+            status.centerCoordinate = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
+        }
+        
+        if let zoom = position["zoom"] as? Double {
+            status.zoomLevel = CGFloat(zoom)
+        }
+        
+        if let bearing = position["bearing"] as? Double {
+            status.rotationDegree = CGFloat(bearing)
+        }
+        
+        if let tilt = position["tilt"] as? Double {
+            status.cameraDegree = CGFloat(tilt)
+        }
+        
+        mapView.setMapStatus(status, animated: false, duration: 0)
+    }
+    
+    func moveCamera(position: [String: Any], duration: Int) {
+        guard let mapView = mapView else { return }
+        let status = MAMapStatus()
+        
+        if let target = position["target"] as? [String: Double],
+           let latitude = target["latitude"],
+           let longitude = target["longitude"] {
+            status.centerCoordinate = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
+        } else {
+            status.centerCoordinate = mapView.centerCoordinate
+        }
+        
+        if let zoom = position["zoom"] as? Double {
+            status.zoomLevel = CGFloat(zoom)
+        } else {
+            status.zoomLevel = mapView.zoomLevel
+        }
+        
+        if let bearing = position["bearing"] as? Double {
+            status.rotationDegree = CGFloat(bearing)
+        } else {
+            status.rotationDegree = mapView.rotationDegree
+        }
+        
+        if let tilt = position["tilt"] as? Double {
+            status.cameraDegree = CGFloat(tilt)
+        } else {
+            status.cameraDegree = mapView.cameraDegree
+        }
+        
+        mapView.setMapStatus(status, animated: duration > 0, duration: TimeInterval(duration) / 1000.0)
+    }
+    
+    func setCenter(center: [String: Double], animated: Bool) {
+        guard let mapView = mapView,
+              let latitude = center["latitude"],
+              let longitude = center["longitude"] else { return }
+        mapView.setCenter(CLLocationCoordinate2D(latitude: latitude, longitude: longitude), animated: animated)
+    }
+    
+    func setZoomLevel(zoom: CGFloat, animated: Bool) {
+        mapView?.setZoomLevel(zoom, animated: animated)
+    }
+    
+    func getCameraPosition() -> [String: Any] {
+        guard let mapView = mapView else { return [:] }
+        let center = mapView.centerCoordinate
+        return [
+            "target": ["latitude": center.latitude, "longitude": center.longitude],
+            "zoom": Double(mapView.zoomLevel),
+            "bearing": Double(mapView.rotationDegree),
+            "tilt": Double(mapView.cameraDegree)
+        ]
+    }
+    
+    func getLatLng(point: [String: Double]) -> [String: Double] {
+        guard let mapView = mapView,
+              let x = point["x"],
+              let y = point["y"] else { return [:] }
+        let screenPoint = CGPoint(x: x, y: y)
+        let coordinate = mapView.convert(screenPoint, toCoordinateFrom: mapView)
+        return ["latitude": coordinate.latitude, "longitude": coordinate.longitude]
+    }
+}

package/ios/managers/OverlayManager.swift

@@ -0,0 +1,210 @@
+import MAMapKit
+
+class OverlayManager {
+    private weak var mapView: MAMapView?
+    private var overlays: [String: MAOverlay] = [:]
+    private var overlayStyles: [String: [String: Any]] = [:]
+    private var annotations: [String: MAPointAnnotation] = [:]
+    
+    init(mapView: MAMapView) {
+        self.mapView = mapView
+    }
+    
+    // MARK: - Circle
+    
+    func addCircle(id: String, props: [String: Any]) {
+        guard let mapView = mapView,
+              let center = props["center"] as? [String: Double],
+              let latitude = center["latitude"],
+              let longitude = center["longitude"],
+              let radius = props["radius"] as? Double else { return }
+        
+        let circle = MACircle(center: CLLocationCoordinate2D(latitude: latitude, longitude: longitude), radius: radius)
+        overlayStyles[id] = props
+        mapView.add(circle!)
+        overlays[id] = circle
+    }
+    
+    func removeCircle(id: String) {
+        guard let mapView = mapView, let circle = overlays[id] else { return }
+        mapView.remove(circle)
+        overlays.removeValue(forKey: id)
+        overlayStyles.removeValue(forKey: id)
+    }
+    
+    func updateCircle(id: String, props: [String: Any]) {
+        removeCircle(id: id)
+        addCircle(id: id, props: props)
+    }
+    
+    // MARK: - Marker
+    
+    func addMarker(id: String, props: [String: Any]) {
+        guard let mapView = mapView,
+              let position = props["position"] as? [String: Double],
+              let latitude = position["latitude"],
+              let longitude = position["longitude"] else { return }
+        
+        let annotation = MAPointAnnotation()
+        annotation.coordinate = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
+        annotation.title = props["title"] as? String
+        annotation.subtitle = props["description"] as? String
+        mapView.addAnnotation(annotation)
+        annotations[id] = annotation
+    }
+    
+    func removeMarker(id: String) {
+        guard let mapView = mapView, let annotation = annotations[id] else { return }
+        mapView.removeAnnotation(annotation)
+        annotations.removeValue(forKey: id)
+    }
+    
+    func updateMarker(id: String, props: [String: Any]) {
+        removeMarker(id: id)
+        addMarker(id: id, props: props)
+    }
+    
+    // MARK: - Polyline
+    
+    func addPolyline(id: String, props: [String: Any]) {
+        guard let mapView = mapView,
+              let points = props["points"] as? [[String: Double]] else { return }
+        var coordinates: [CLLocationCoordinate2D] = []
+        for point in points {
+            guard let lat = point["latitude"], let lng = point["longitude"] else { continue }
+            coordinates.append(CLLocationCoordinate2D(latitude: lat, longitude: lng))
+        }
+        guard !coordinates.isEmpty else { return }
+        
+        let polyline = MAMultiPolyline()
+        polyline.setPolylineWithCoordinates(&coordinates, count: coordinates.count)
+        
+        overlayStyles[id] = props
+        overlays[id] = polyline
+        mapView.add(polyline)
+        
+        // 强制刷新地图渲染
+        DispatchQueue.main.async {
+            mapView.setNeedsDisplay()
+        }
+    }
+    
+    func removePolyline(id: String) {
+        guard let mapView = mapView, let polyline = overlays[id] else { return }
+        mapView.remove(polyline)
+        overlays.removeValue(forKey: id)
+        overlayStyles.removeValue(forKey: id)
+    }
+    
+    func updatePolyline(id: String, props: [String: Any]) {
+        removePolyline(id: id)
+        addPolyline(id: id, props: props)
+    }
+    
+    // MARK: - Polygon
+    
+    func addPolygon(id: String, props: [String: Any]) {
+        guard let mapView = mapView,
+              let points = props["points"] as? [[String: Double]] else { return }
+        var coordinates: [CLLocationCoordinate2D] = []
+        for point in points {
+            guard let lat = point["latitude"], let lng = point["longitude"] else { continue }
+            coordinates.append(CLLocationCoordinate2D(latitude: lat, longitude: lng))
+        }
+        guard !coordinates.isEmpty else { return }
+        let polygon = MAPolygon(coordinates: &coordinates, count: UInt(coordinates.count))
+        overlayStyles[id] = props
+        mapView.add(polygon!)
+        overlays[id] = polygon
+    }
+    
+    func removePolygon(id: String) {
+        guard let mapView = mapView, let polygon = overlays[id] else { return }
+        mapView.remove(polygon)
+        overlays.removeValue(forKey: id)
+        overlayStyles.removeValue(forKey: id)
+    }
+    
+    func updatePolygon(id: String, props: [String: Any]) {
+        removePolygon(id: id)
+        addPolygon(id: id, props: props)
+    }
+    
+    // MARK: - Renderer
+    
+    func getRenderer(for overlay: MAOverlay) -> MAOverlayRenderer? {
+        let id = overlays.first(where: { $0.value === overlay })?.key
+        let style = id != nil ? overlayStyles[id!] : nil
+        
+        print("🎨 OverlayManager.getRenderer - overlay类型: \(type(of: overlay)), id: \(id ?? "nil"), style: \(style ?? [:])")
+        
+        if let circle = overlay as? MACircle {
+            guard let renderer = MACircleRenderer(circle: circle) else {
+                return nil
+            }
+            
+            if let fillColor = style?["fillColor"] {
+                renderer.fillColor = ColorParser.parseColor(fillColor)
+            }
+            if let strokeColor = style?["strokeColor"] {
+                renderer.strokeColor = ColorParser.parseColor(strokeColor)
+            }
+            if let strokeWidth = style?["strokeWidth"] as? Double {
+                renderer.lineWidth = CGFloat(strokeWidth)
+            }
+            
+            return renderer
+        } else if let polyline = overlay as? MAMultiPolyline {
+            let renderer = MAMultiColoredPolylineRenderer(multiPolyline: polyline)
+            
+            if let color = style?["color"] {
+                renderer?.strokeColor = ColorParser.parseColor(color) ?? .red
+            } else if let strokeColor = style?["strokeColor"] {
+                renderer?.strokeColor = ColorParser.parseColor(strokeColor) ?? .red
+            } else {
+                renderer?.strokeColor = .red
+            }
+            
+            if let width = style?["width"] as? Double {
+                renderer?.lineWidth = CGFloat(width)
+            } else if let strokeWidth = style?["strokeWidth"] as? Double {
+                renderer?.lineWidth = CGFloat(strokeWidth)
+            } else {
+                renderer?.lineWidth = 5
+            }
+            
+            return renderer!
+        } else if let polygon = overlay as? MAPolygon {
+            guard let renderer = MAPolygonRenderer(polygon: polygon) else {
+                return nil
+            }
+            
+            if let fillColor = style?["fillColor"] {
+                renderer.fillColor = ColorParser.parseColor(fillColor)
+            }
+            if let strokeColor = style?["strokeColor"] {
+                renderer.strokeColor = ColorParser.parseColor(strokeColor)
+            }
+            if let strokeWidth = style?["strokeWidth"] as? Double {
+                renderer.lineWidth = CGFloat(strokeWidth)
+            }
+            
+            return renderer
+        }
+        
+        return nil
+    }
+    
+    func clear() {
+        guard let mapView = mapView else { return }
+        for overlay in overlays.values {
+            mapView.remove(overlay)
+        }
+        for annotation in annotations.values {
+            mapView.removeAnnotation(annotation)
+        }
+        overlays.removeAll()
+        overlayStyles.removeAll()
+        annotations.removeAll()
+    }
+}