How to fix map wobbles during scrolling

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>

and .ts code is as follow

 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