How to fix map wobbles during scrolling in ionic 4

I am working on ionic 4 my application Map section on venue page wobbles when moving at the moment if i scroll quick enough the map follows the screen and appears sticky. I dont know how to fix this issue. Any help would be appreciated. My code for html is as follow

  <div style="position: fixed; height: 30vh ;width: 100%">
        <div  id="map_canvas" ></div>
```for .ts file of map

loadMap() {
const location = new LatLng(this.venue.latitude, this.venue.longitude); = GoogleMaps.create('map_canvas', {
        camera: {
          target: location,
          zoom: 18,
          tilt: 0

    const marker: Marker ={
        snippet: this.venue.strapline,
        position: location,
        animation: GoogleMapsAnimation.BOUNCE