I have a Google map issue, everything seems to working except the Zoom buttons seem messed up
Here is an image of the map.
I'm guessing that something is overlapping but I'm not really sure.
You can change the zoom level of the map using simple steps. Step 1 Go to Add or Edit Map page . Step 2 Select 'Default zoom level' in the 'Map Information section'. Step 3 click save map and see the changes.
There are various reasons why this happens. It's possible the location accuracy option is disabled, you're using an older version of the app, or you don't have proper access to the internet. The Google Maps app itself may have issues, too. Cache files and other app data can sometimes cause various issues with the app.
To zoom in, always double-left click to zoom in and double-right click to zoom out. If you press the wrong mouse or touchpad button, you'll zoom the wrong way. Correct this problem by zooming back in with the double left-click control.
Seems I'm very late, still thought to share my thoughts.
It's not a good idea to edit a library's core css. Rather we can override it
This is what i used.try this
#mapDiv img{ max-width: none; }
First of all, the link you have provided is not working.
This problem is generally due to the css (I think its bootstrap.css),which makes the google map controls messed up.
Check for the line having code:max-width:100%
You will have to remove it.
Check it if it works.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With