ionic-team / ionic-team/capacitor-google-maps

v7.0.0 not rendering on iOS

Open
#71 6 comments 1 reaction 0 assignees View on GitHub
triage
Dominant language
TypeScript
Stars
32
Forks
47
PR merge metrics
No merged PRs in 30d

Description

## Bug Report

### Plugin(s)
@capacitor/google-maps: 7.0.0

### Capacitor Version
@capacitor/cli: 7.0.1
@capacitor/core: 7.0.1
@capacitor/android: 7.0.1
@capacitor/ios: 7.0.1

### Platform(s)
@ionic/vue: 8.0.0
Ionic + Vue => iOS

### Current Behavior
I got the map working on Android (despite some issues like e.g. having to set background: transparent) but iOS version doesn't draw any map at all. Yet iOS logs claim the map is there...

⚡️ To Native -> CapacitorGoogleMaps create 23398557
⚡️ TO JS undefined
⚡️ [log] - Google Map created successfully.
⚡️ To Native -> CapacitorGoogleMaps addMarkers 23398558
⚡️ TO JS {"ids":["5550534858866509466","-82188486757460020"]}
⚡️ [log] - Markers added successfully.
⚡️ To Native -> CapacitorGoogleMaps addListener 23398559
⚡️ To Native -> CapacitorGoogleMaps addListener 23398560
⚡️ To Native -> CapacitorGoogleMaps addListener 23398561
⚡️ [log] - Resize event dispatched to force map redraw.

### Expected Behavior
To see my-map 😂

### Code Reproduction
```
onMounted(async () => {
try {
myMap = await GoogleMap.create({
id: 'my-map',
element: mapContainerRef.value as HTMLElement,
apiKey: 'my-secret-key-here',
config: {
center: {
lat: 52.2319,
lng: 21.0067
},
zoom: 6
}
});

```

### Other Technical Details
IDE: IntelliJ IDEA 2024.3.2.2
MacOS 15.3 / M1

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.