我已将谷歌地图集成到我的网站.我使用过谷歌地图API V3.当我的网站在手机(如Iphone)上观看时,地图变得无法使用.很难看到字体大小变得太小,在进一步缩放到地图时字体大小进一步减小.
在桌面计算机上查看时,地图似乎可读,但我仍然对字体大小不满意,并且在iphone或任何手机浏览器上完全无法读取.
我想解决的问题是,1)特别是通过增加字体大小,使地图看起来更大.2)我希望我的地图只显示街道名称而不是其他内容.3)我希望地图加载速度更快
或者是否有专门针对手机网站的其他谷歌地图API？
小智 15
我遇到了同样的问题,最后我实现了一个我在这里找到的解决方案:https://sunpig.com/martin/2012/03/18/goldilocks-and-the-three-device-pixel-ratios/
基本上,本文探讨了物理像素和CSS"像素"之间的区别.两者之间存在比例因子.它在大多数移动浏览器上的默认值似乎是您经常看到为台式机设计的页面在手机上看起来非常"缩小"的小文本的原因.它似乎也导致无法读取的谷歌地图!
当我将这个HTML片段添加到我的"head"部分时,我的问题就消失了:
<meta name="viewport" content="width=device-width">