I have implemented google-map in my Angular project with below settings:
this.options = {
center: { lat: this.filters.locationLat, lng: this.filters.locationLong },
zoom: 8,
zoomControl: true,
fullscreenControl: true,
disableDefaultUI: false,
clickableIcons: true,
draggable: false,
mapTypeControl: false,
streetViewControl: false,
tilt: 0,
keyboardShortcuts: false,
maxZoom: 18,
};
<google-map (mapInitialized)="onMapReady($event)" [options]="options">
<map-marker-clusterer> </map-marker-clusterer>
</google-map>
But somehow it is breaking the zoom plus, minus, tilt map and full screen icons as below:
Note: I am not getting any error on my console regarding Google map.