2017-12-12 6 views
0

イオンネイティブのGoogleマップはあまりにも問題が多かったので、JavaScriptバージョンに切り替えることを試みていました。私は単にこのページ(https://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/)に従った。GoogleマップJavaScriptは、高DPI電話機では小さすぎます。それをどのように拡大するのですか?

Googleマップが読み込まれていますが、問題は[+] [ - ]とストリートビューのボタンが小さいことです。それは、私はすべての内蔵ボタンを無効にすることができ、おそらく地図上に自分のボタンを作成することができるようだが、それは時間がかかるだろう。内蔵のボタンを大きくする方法はありますか?たとえば、200%?

PS

ボタンだけでなく、マップ全体は、テキスト、マーカー、などのように、小さすぎます。それは私の電話QHD画面(非常に高いDPI)を持っている可能性があります。 Windows DPI設定のような "スケール150%"のようなものが必要かもしれません。それを達成する方法はありますか?

答えて

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; 
    } 
} 
関連する問題