How to fix map wobbles during scrolling

I am working on ionic 4 app.in 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>
    </div>

and .ts code is as follow

 loadMap() {
        const location = new LatLng(this.venue.latitude, this.venue.longitude);

        this.map = GoogleMaps.create('map_canvas', {
            camera: {
              target: location,
              zoom: 18,
              tilt: 0
            }
        });

        const marker: Marker = this.map.addMarkerSync({
            title: this.venue.name,
            snippet: this.venue.strapline,
            position: location,
            animation: GoogleMapsAnimation.BOUNCE
        });
    }