@capacitor/google-maps: Sync with a draggable sheet/pane

[AE1NS]

My current use case of the maps integration is a page, where the map is combined with a draggable sheet at the bottom (I am using cupertiono pane here). When I move the sheet, the map moves with it, but with half of the dragged way, means that the map always stays in center.

All this is currently working with the javascript maps integration. As I want to profit from alle the benefits of the native maps integration (performance, costs, ...), I am wondering how I could achieve this use case with @capacitor/google-maps. I played around with the padding method, but I think this approach will not work.

In the current implementation I need to:

• Update the height of the map container (Wenn the pane is at top and I move it down, I first set the map to 100% height, so that theres no white background visible, then I move the map with the pane (css transform) and on dragend, I set the height of the map to the viewport)
• Update the position of the map container

Does someone have the same issue or are there any ideas how to solve this?

[AE1NS]

I tried to update the wrapper container of the map when dragging the sheet and call updateMapBounds (private method that can be called on the plugin instance, could also be triggered with window.dispatchEvent(new CustomEvent('resize'))). This works really well and fluid, but there is another issue with the plugin, because only the x and y values are updated but not the size of the map.
ionic-team/capacitor-plugins#1557
When its resolved, it should work on this way.