Google지도가 브라우저에는 표시되지만 실제 기기에는 표시되지 않습니다. android

Question

저는 이온 플랫폼을 처음 사용합니다. 내 앱에서 Google지도를 구현하려고합니다. 브라우저에서 테스트 할 때 맵이 표시되지만 Android의 실제 장치에서 실행 중일 때는 흰색 화면 만 표시됩니다. 다른 스레드에서 권장되는 수의 다른 수를 시도했습니다. 나는 아래의 링크를

https://github.com/driftyco/ionic-starter-maps/issues/10

하지만 행운에 언급 된 설정 파일의 변경 사항을 적용하고 다른 스레드하지만 행운에 대해 설명 개별적으로 메타 태그의 다른 번호를 사용하여 변경 내용을 적용했습니다. 콘솔에서 'Uncaught ReferenceError : google is not defined'오류를 볼 수 있습니다.

Uncaught ReferenceError: google is not defined

하지만 여전히 같은 오류가 아래에 언급 한 바와 같이이 들어 나는 다른 스레드를 시도했습니다. 나는 내 app.Index 페이지 코드에 사용되는 공유하고있는 코드 나는 아래의 실종 다른 나가라이 오류를 파악 할 수있다 아닙니다

이 내 컨트롤러 코드

.controller('MapCtrl', function($scope, $ionicLoading) { 
google.maps.event.addDomListener(window, 'load', function() { 
     var myLatlng = new google.maps.LatLng(37.3000, -120.4833); 

     var mapOptions = { 
      center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var myDiv=document.getElementById("map"); 
     var map = new google.maps.Map(myDiv, mapOptions); 
    }); 
}) 

아래는 다른 스레드

<access origin="*"/> 
<access origin="http://maps.google.com"/> 
<access origin="https://maps.google.com"/> 
<access origin="http://*.googleapis.com"/> 
<access origin="https://*.googleapis.com"/> 

어떤 도움에 권장 내가 설정 파일에 추가 한 라인이다

Answer 1

index.html 파일에 Google지도를 제대로 가져 오지 않은 것으로 보입니다. <script src="//maps.google.com/maps/api/..."></script>

브라우저에이 스크립트를로드합니다 : 당신은 HTTP를 통해 파일을 제공하고 있기 때문에 http://maps.google.com/maps/api/...

문제는 라인입니다.

하지만 장치에서는 file://을 통해 파일을 제공하므로이 스크립트를로드하려고 시도합니다. file://maps.google.com/maps/api/... 사용할 수 없습니다.

그래서 당신은 다음과 같이 HTTPS를 지정해야합니다

<script src="https://maps.google.com/maps/api/..."></script>