Google Maps API - モバイルで使用するには小さすぎるテキストとコントロール

私はJavascriptを使用してGoogleマップを読み込むモバイルアプリをAdobe AIRで作成しています。デスクトップ上ではうまく動作しますが、モバイルでは、すべてがユーザーフレンドリーにはあまりにも小さく見えます。通りのテキストは読めない、情報ウィンドウが小さすぎる、テキストが小さすぎる、アイコンが小さすぎる、 "サテライト"と "地図"ボタンが非常に小さく、地図のズームイン/ズームアウトボタンが小さすぎる操作する。地図の読み込みが難しく、ユーザーフレンドリーになるよう調整することができないドキュメントの「スケール」プロパティがありますか？またはこれはCSSの問題ですか？ここで私は、私が「マップ」と呼ばれるdivの中に置いてマップを作成するために使用するにはjavascriptがある：Google Maps API - モバイルで使用するには小さすぎるテキストとコントロール

function loadMap(latitude, longitude, mapWidth, mapHeight) { 

    var myLatlng = new google.maps.LatLng(latitude, longitude); 
    var sheet = document.getElementById("map"); 
    sheet.style.width = String(mapWidth)+"px"; 
    sheet.style.height = String(mapHeight)+"px"; 
    var mapOptions = { 
     zoom: 13, 
     center: myLatlng 
    } 
    map = new google.maps.Map(document.getElementById("map"), mapOptions); 
}

出典

2016-11-28 sax

私の最後に同じことを見ている。あなたはそれを理解したことがありますか？ – gnarbarian

私はこの質問を10ヶ月前に聞いたので、私が思いついた解決策についてはほとんど覚えていませんが、私が下に投稿したコードを見て、それが役立つかどうか教えてください。もしそうでなければ、私はあなたのために少し深く掘り下げることができます。 – sax

ありがとう！私はそれを考え出した。私は必要でした： – gnarbarian

それは少し前、私は私が思いついた解決策を思い出すことができないということでした。 10か月前に作成したHTMLファイルを見てみましたが、HTMLファイルにヘッダーを作成し、 content = "initial-scale = 1.0"というメタタグが含まれているようです。それを試して、それが役立つかどうかを見てください。

<head> 
    <meta name="viewport" content="initial-scale=1.0"> 
    <meta charset="utf-8"> 
    <style> 
     #map { 
     height: 100%; 
     } 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
    </style> 
    </head>

出典

2017-10-19 21:52:20 sax

私はそれを理解しました。私はトップでこれを必要とした：

<meta name="viewport" content="width=device-width">

出典

2017-10-19 21:55:27 gnarbarian

Google Maps API - モバイルで使用するには小さすぎるテキストとコントロール

答えて

関連する問題