API Карт Google - текст и элементы управления слишком малы для использования на мобильных телефонах

Я пишу мобильное приложение в Adobe AIR, которое загружает карту Google с помощью Javascript. Он отлично работает на рабочем столе, но на мобильном телефоне все выглядит слишком маленьким, чтобы быть удобным для пользователя. Текст улицы не читается, информационные окна слишком малы, а текст слишком мал, значки слишком малы, кнопки «Спутник» и «Карты» очень маленькие, кнопки увеличения и уменьшения масштаба на карте слишком малы, чтобы манипулировать. Есть ли свойство «scale» для карты, которое я не могу найти в документации, которую я могу настроить, чтобы сделать карту более читаемой и удобной для пользователя? Или это проблема CSS? Вот Javascript я использую, чтобы создать карту, которую я помещаю в DIV под названием «Карта»:API Карт Google - текст и элементы управления слишком малы для использования на мобильных телефонах

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

Это было так давно, что я не могу вспомнить решение, которое я придумал. Я быстро просмотрел файл HTML, созданный 10 месяцев назад, и похоже, что я создал заголовок в своем 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

API Карт Google - текст и элементы управления слишком малы для использования на мобильных телефонах

ответ

Смежные вопросы