google-maps - 手机浏览器网站上的谷歌地图太小了

Question

我已将谷歌地图集成到我的网站。我使用了谷歌地图 API V3。在 Iphone 等手机上查看我的网站时， map 将无法使用。当字体变得太小时，很难看到，在进一步放大 map 时，字体大小会进一步减小。

在台式电脑上查看时， map 似乎可读，但我仍然对字体大小不满意，而且在 iphone 或任何手机浏览器上完全不可读。

我想解决的是，
1)让 map 看起来更大，尤其是通过增加字体大小。
2)我想在我的 map 上只显示街道名称而不是其他任何东西。
3)我希望 map 加载速度更快

或者有没有其他专门用于手机网站的谷歌地图API？

Answer 1

我遇到了同样的问题，我最终实现了我在这里找到的解决方案:https://sunpig.com/martin/2012/03/18/goldilocks-and-the-three-device-pixel-ratios/

基本上，这篇文章探讨了物理像素和 CSS“像素”之间的区别。两者之间存在比例因子。它在大多数移动浏览器上的默认值似乎是您经常看到为桌面设计的页面在手机上看起来非常“缩小”且带有微小文本的原因。而且它似乎也导致无法读取谷歌地图!

当我将此 HTML 片段添加到我的“head”部分时，我的问题就消失了:

<meta name="viewport" content="width=device-width">