I have integrated google maps to my website. I have used Google maps API V3. When my website is viewed on a mobile phone such as an Iphone, the map becomes unusable. It is very hard to see as the font size becomes too small, on further zooming into the map the font size further decreases.
On viewing in desktop computer, the map seems readable but I am still not happy with the font size and it is totally unreadable on an iphone or any mobile phone browser.
What I would like to fix is,
1) Get the map seem bigger in size especially by increasing the font size.
2) I want to my map to just show the street names and nothing else.
3) I want map to load much faster
Or is there any other google map API exclusively for mobile phone websites?
I had the same problem, and I ended up implementing a solution I found here: https://sunpig.com/martin/2012/03/18/goldilocks-and-the-three-device-pixel-ratios/
Basically the article explores the difference between physical pixels and CSS “pixels”. There is a scale factor between the two. Its default value on most mobile browsers seems to be the reason why you often see pages designed for desktops looking very “zoomed out” with tiny text on a phone. And it also seems to cause unreadable Google Maps!
My problems went away when I added this HTML snippet into my “head” section: