Google Maps JavaScript 在高 DPI 手机上看起来太小了。如何缩放它？

Question

Ionic Native Google Maps 有点问题，所以我试图切换到 JavaScript 版本。我只是关注了这个页面（https://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/）。

现在 Google 地图已加载并可以正常工作，但问题是 [+][-] 和街景按钮太小了。似乎我可以禁用所有内置按钮，并可能在地图上创建自己的按钮，但这需要时间。有没有办法只是放大内置按钮？例如，200%？

PS

不仅是整个地图的按钮，如文本、标记等，都太小了。可能是我的手机有 QHD 屏幕（非常高的 DPI）。它可能需要像 Windows DPI 设置这样的“缩放 150%”。有没有办法做到这一点？

Answer 1

也许我的解决方案会有用：

我为不同的 DPI 使用了@media 规则。这里是教程https://css-tricks.com/snippets/css/retina-display-media-query/

.map {
    width: 100%;
    height: 100%;
}
@media (min-resolution: 180dpi){ // dpr2.0 and more
    .map {
        width: 50%;
        height: 50%;
        transform: scale(2);
        transform-origin: left top;
    }
}