Google Maps JavaScript在高DPI手机上看起来太小.如何扩展它

Question

离子天然的Google Maps有点过分问题，因此我试图切换到JavaScript版本。我只是遵循此页面（https://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/）。

现在，Google Map已加载并正常工作，但问题在于[ ] [ - ]和街道视图按钮很小。看来我可以禁用所有内置的按钮，并且可能在地图上创建自己的按钮，但这需要时间。有什么方法只是扩大内置的按钮？例如，200％？

ps

不仅按钮整个地图，例如文本，标记等，都太小了。可能是我的手机有一个QHD屏幕（DPI很高）。它可能需要类似的"规模150％"，例如Windows DPI设置。有没有办法实现这一目标？

Answer 1

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

我将@Media规则用于不同的DPI。这是教程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;
    }
}