Angular 谷歌地图JavaScript在高DPI手机上看起来太小了。如何扩展它?

Angular 谷歌地图JavaScript在高DPI手机上看起来太小了。如何扩展它?,angular,google-maps,ionic-framework,google-maps-api-3,Angular,Google Maps,Ionic Framework,Google Maps Api 3,爱奥尼亚原生谷歌地图有点太麻烦了,所以我试着切换到JavaScript版本。我只是简单地跟随了这一页() 现在谷歌地图已经加载并运行,但问题是[+][-]和街景按钮都很小。似乎我可以禁用所有内置按钮,并可能在地图上创建自己的按钮,但这需要时间。有没有办法放大内置按钮?例如,200% PS 不仅仅是按钮,整个地图,如文本、标记等,都太小了。可能是我的手机有QHD屏幕(DPI很高)。它可能需要类似“缩放150%”的Windows DPI设置。有没有办法做到这一点?也许我的解决方案会很有用: 我对不同

爱奥尼亚原生谷歌地图有点太麻烦了,所以我试着切换到JavaScript版本。我只是简单地跟随了这一页()

现在谷歌地图已经加载并运行,但问题是[+][-]和街景按钮都很小。似乎我可以禁用所有内置按钮,并可能在地图上创建自己的按钮,但这需要时间。有没有办法放大内置按钮?例如,200%

PS


不仅仅是按钮,整个地图,如文本、标记等,都太小了。可能是我的手机有QHD屏幕(DPI很高)。它可能需要类似“缩放150%”的Windows DPI设置。有没有办法做到这一点?

也许我的解决方案会很有用:

我对不同的DPI使用了@media规则。这里是教程


我试过这个,但不幸的是没有改变。即使使用其他新闻部费率。修复大小问题是否还有其他更改?使用meta标记时,如果没有此workaorund,它似乎可以工作;-)@Alexander的技术在我们无法转换
.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;
    }
}