2016-11-28 34 views
2

我正在Adobe AIR中編寫一個使用Javascript加載Google地圖的移動應用程序。它在桌面上效果很好,但在移動設備上,一切看起來都太小而不便用戶使用。街道文字不可讀,信息窗口太小,文字太小,圖標太小,「衛星」和「地圖」按鈕非常小,地圖上的放大和縮小按鈕太小操作。是否有地圖的「縮放」屬性,我無法在文檔中找到我可以調整以使地圖更具可讀性和用戶友好性的地圖?或者這是一個CSS問題?這裏是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); 
} 
+0

在我的結尾看到同樣的事情。你有沒有想過? – gnarbarian

+1

10個月前我問過這個問題,所以記住我提出的解決方案很少,但看看我在下面發佈的代碼,並告訴我是否有幫助。如果沒有,我可以爲你深入一點。 – sax

+0

謝謝!我想到了。我需要: gnarbarian

回答

1

它已經這麼久以前,我不記得,我想出了一個解決方案。我快速瀏覽了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> 
0

我想通了。我需要在頂部:

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