Announcing the Capacitor Google Maps Plugin

Capacitor
21

Hey Kelly, I also would like to use the polygon drawing tool on my google maps integration, please let me know if you find out that it works with this capacitor plugin, thank you! Jonathon

22

Is there anyway to hide the default UI controls from the map like you could using the disableDefaultUI option?

mapOptions: google.maps.MapOptions = {
    zoom: 15,
    center: {lat: -34.9199842, lng: -56.149849},
    // uncomment the following line if you want to remove the default Map controls
    disableDefaultUI: true
  };
3 Likes
23

I followed exactly as described in the documentation at Capacitor - build cross platform apps with the web, but it always displays this error: “Error: container element is required”. Where could I have gone wrong?

24

@uytec I would suggest opening a new forum post with more details. Hard to help debug without any example or snippet of code.

25

One more question. If we use this implementation would it fall into free usage of Google Maps Mobile SDK usage?

26

For the native platforms, I believe the maps are free, but for the web you will need to pay.

27

What about the ability to download tiles? With Google Maps natively, you can download sections for offline use. However, with Googles API, tile downloading is not supported. So is this a wrapper for the API or is this actually interacting with Google Maps at the device level.

28

I’m able to get the map to show up in a browser, but unable to in Android.
I’m using Angular and Ionic.

I saw the note about the map being behind the webView, and so I set the background of the ion-content to transparent, and did the same for the ion-app, ion-router-outlet, the body tag in index.html, and the html tag there as well.
I pretty much went around and added background: transparent !important; background-color: transparent !important; to everything and background: transparent !important; background-color: transparent !important; --ion-background-color: transparent !important; --background: transparent !important; for ionic components

No success. The map just shows up as blank.

Please help!

29

I had a similar problem, I started by setting a red bg in my body html tag until I was able to see that red color and then finally set it to transparent and voila, the map was visible. Hope it helps.

30

Hey folks, given that this is just comments on a release blog post, I’d highly suggest that and feature requests or bug reports be sent over to the github repo!

This way, the team will be able to debug them further. Thanks!