Google지도 API - 텍스트 및 컨트롤이 너무 작아서 모바일에 사용

자바를 사용하여 Google지도를로드하는 모바일 앱을 Adobe AIR에 작성 중입니다. 데스크톱에서는 훌륭하게 작동하지만 모바일에서는 모든 것이 사용자 친화적 인 것처럼 보이지 않습니다. 거리 텍스트는 읽을 수 없으며 정보창이 너무 작아 텍스트가 너무 작고 아이콘이 너무 작으며 "위성"및 "지도"버튼이 매우 작고지도의 확대 및 축소 버튼이 너무 작아서 교묘히 다루다. 지도에서 더 읽기 쉽고 사용하기 쉬운지도를 만들기 위해 조정할 수없는 설명서의 '축척'속성이 있습니까? 아니면 이것이 CSS 문제입니까? 여기에 내가 전화 사업부에 배치지도를 만드는 데 사용하는 자바 스크립트는 "지도"Google지도 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지도 API - 텍스트 및 컨트롤이 너무 작아서 모바일에 사용

답변

관련 문제