Question

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

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

PS

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

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;
    }
}

Google地图JavaScript在高DPI手机上看起来太小了。如何扩大规模？

1 个答案: