Add iOS target using Compose Multiplatform

[dogeweb]

Describe the solution you'd like
Add platform-specific code for iOS, using JetBrains Compose Multiplatform.

JB Compose iOS support is now in Alpha compose-multiplatform/releases/tag/v1.4.0 and enables the use of UiKit views in Compose.
Kotlin Multiplatform Mobile recently moved to Beta and cocoapods integration works: kotlinlang.org/docs/native-cocoapods.html

Since android-maps-compose library is a wrapper for an Android view, it may result easy to adapt the existing structure to wrap also iOS objective-c Maps sdk.

A quick implementation labeled as alpha could come handy for developers to start playing with it, while waiting JB Compose iOS support to exit Alpha state.

[wangela]

If you would like to upvote the priority of this issue, please comment below or react with 👍 so we can see what is popular when we triage.

@dogeweb Thank you for opening this issue. 🙏
Please check out these other resources that might help you get to a resolution in the meantime:

• Check the issue tracker - bugs and feature requests for Google Maps Platform APIs and SDKs
• Open a support case - Get 1:1 support in Cloud Console.
• Discord - chat with other developers
• StackOverflow - use the google-maps tag

This is an automated message, feel free to ignore.

[wangela]

This is interesting! Adding a help wanted tag and pinning for anyone who wants to explore what it takes to add Compose MP and iOS support.

[lihenggui]

An existing challenge with Compose multiplatform apps pertains to the availability of appropriate libraries for incorporating the Map feature. The prospect of Google extending its support in this regard holds immense potential, as it could significantly bolster the advancement of Compose Multiplatform apps.

[realityexpander]

I have had success with using compose for iOS with UIKitView to render google maps.

Maps are currently rendering on iOS and Android. All standard map interactivity is working. Markers and paths are displaying properly.

Here's a link to my repo.

https://github.com/realityexpander/ContactsComposeMultiplatform

The part I'm currently working on is the "on_____Click" call backs. Right now I am not able to write custom map event callback handlers for "on____Click" events. This is only a problem in the iOS stide.

I'm an Android dev, so I'm not sure whats necessary to make the work using Kotlin on the iOS side... all the sample code does not refer to this use case.

NOTE: Be sure to manually give location permission on the Android, I havent implemented that part yet.

you will need to get your own google maps api key.

This is still a work in progress, and its a good head start!

[kikoso]

Hi @realityexpander!

Thanks for the message, it is great to see that Android Maps for Compose can be used in KMP!

We merged recently #320, which introduced default values for the listeners. I suspect that this prevent listeners from working out of the box: default parameters in iOS are not supported, since the interoperability happens from Kotlin - Objective-C and Swift, so ultimately Objective-C needs to support them. I wrote an article about it here.

Touchlab released a couple of days SKIE, which promises to fix this issue. I haven't check it yet, but I would like to take a look. Eventually it seems that Android-Maps-Compose could work relatively out of the box for iOS.

[realityexpander]

So am I to understand that ive hit a dead end with looking to get "onMapClick" type of events from the Google MapView on iOS?

That I should probably wait on the Google Maps iOS "onMapClick" types of integrations?

That its likely not possible now without more low level work from the Google Maps team?

Should I file a bug report or feature request, or are they already aware of this issue and we are just waiting for them to catch up to KMP?

[MascotWorld]

So am I to understand that ive hit a dead end with looking to get "onMapClick" type of events from the Google MapView on iOS?

That I should probably wait on the Google Maps iOS "onMapClick" types of integrations?

That its likely not possible now without more low level work from the Google Maps team?

Should I file a bug report or feature request, or are they already aware of this issue and we are just waiting for them to catch up to KMP?

i found the way to handle click on marker:

val googleMapView = GMSMapView()
val delegate = object : NSObject(), GMSMapViewDelegateProtocol {
    //use this override, without nothing happend 
        override fun mapView(
            mapView: GMSMapView,
            didTapAtCoordinate: CValue<CLLocationCoordinate2D>
        ) {

        }

        override fun mapView(
            mapView: GMSMapView,
            didTapMarker: GMSMarker
        ): Boolean {
            val userData = didTapMarker.userData()
            println("gmios marker click ${userData}")
            return true
        }
    }

//uikitview
factory = {
                googleMapView.delegate = delegate
                return@UIKitView googleMapView
            }

[realityexpander]

My versions....

// gradle.properties
#Gradle
org.gradle.jvmargs=-Xmx2048M -Dkotlin.daemon.jvm.options\="-Xmx2048M"

#Kotlin
kotlin.code.style=official

#MPP
kotlin.mpp.stability.nowarn=true
kotlin.mpp.enableCInteropCommonization=true
kotlin.mpp.androidSourceSetLayoutVersion=2

#Android
android.useAndroidX=true
android.compileSdk=34
android.targetSdk=34
android.minSdk=24

#Compose
org.jetbrains.compose.experimental.uikit.enabled=true

#Versions
kotlin.version=1.9.10
agp.version=8.0.2
compose.version=1.5.3

# Google Maps
google.maps.secrets-gradle-plugin.version=2.0.1

// build.gradle.kts(:shared)
val androidMain by getting {
            dependencies {

                api("androidx.activity:activity-compose:1.8.0")
                api("androidx.appcompat:appcompat:1.6.1")
                api("androidx.core:core-ktx:1.12.0")

                // Google maps for Compose for Android
                api("com.google.android.gms:play-services-location:21.0.1")
                api("com.google.android.gms:play-services-maps:18.1.0")
                implementation("com.google.maps.android:maps-compose:$mapsComposeVersion")
                // clustering
                implementation("com.google.maps.android:maps-compose-utils:$mapsComposeVersion")

                // Ktor Client for Android
                implementation("io.ktor:ktor-client-android:$ktorClientVersion")

                // For Logger in Android todo (why doesn't this automatically put this in shared android module?)
                api("co.touchlab:kermit:2.0.1")
            }
        }

Any ideas? Are you using the same versions?

[MascotWorld]

GMSMapViewDelegateProtocol

I was looking at your project to build mine. Yes, this error exists, but the application compiles and works :) I think we need to make an issue in the multiplatform compose branch, because the inability to add a delegate normally (I think so) is a library problem.