I have implemented the new google maps js api loader instead of the prehistoric vue2 component and now we encounter this difference (but still retaining vue2 app):

Previous state:enter image description here

New state:enter image description here

Map initialization script is still the same (no changes made). I am unable to find answer in docs what to change to fix this behaviour issue (part with map options under):

mapOptions: {
        zoom: 8,
        center: { lat: cl.location.lat, lng: cl.location.lng },
        mapTypeId: options.mapTypeId || 'roadmap',
        gestureHandling: 'greedy',
        zoomControl: true,
        zoomControlOptions: {
          position: window.google !== undefined ? google.maps.ControlPosition.TOP_RIGHT : 3
        },
        scaleControl: true,
        fullscreenControl: false,
        mapTypeControl: false,
        streetViewControl: true,
        streetViewControlOptions: {
          position: window.google !== undefined ? google.maps.ControlPosition.TOP_RIGHT : 3
        },
        styles: [{
          featureType: 'all',
          elementType: 'all',
          stylers: [
            { visibility: 'on' }
          ]
        }]

Can somebody help or point out a direction for me?

Thanks a lot

I have traversed the whole google maps api docs and did not find any answers.
I tried to play with different option values etc ..