สลับผู้ให้บริการ

@StateObject private var googleState = GoogleMapViewState(cameraPosition: initial)
@StateObject private var mapLibreState = MapLibreViewState(cameraPosition: initial)

// ผ่านอินเทอร์เฟซร่วม การสั่งกล้องเขียนได้โดยไม่ต้องแยกกรณี
private var activeState: any MapViewStateProtocol {
    provider == .googleMaps ? googleState : mapLibreState
}

@ViewBuilder
private var mapView: some View {
    switch provider {
    case .googleMaps:
        GoogleMapView(state: googleState, sdkInitialize: {
            GMSServices.provideAPIKey(apiKey)
        }) { Marker(state: markerState) }
    case .mapLibre:
        MapLibreMapView(state: mapLibreState) { Marker(state: markerState) }
    }
}

// เรียกฮุกแบบตายตัวต่อคอมโพเนนต์ แล้วสลับเฉพาะวิว
const maplibre = useMapLibreViewState({ id: 'maplibre', cameraPosition: INIT });
const google = useGoogleMapViewState({ id: 'google', cameraPosition: INIT });

switch (provider) {
  case 'maplibre':
    return <MapLibreMapView2D state={maplibre}>{children}</MapLibreMapView2D>;
  case 'google-maps':
    return <GoogleMapView2D state={google}>{children}</GoogleMapView2D>;
}