Googleマップは、私はタブ「について」をクリックするとGoogleマップに問題があることを示していないFramework7

Question

にロードしない：

http://paybulls.com/dist/

<div id="map" style="height:400px; width:400px;"></div> 

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp& amp;sensor=false&libraries=places"></script> 
<script> 
    var map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: -34.397, lng: 150.644}, 
    zoom: 8 
    }); 
</script> 

Answer 1

を使用しているとき、私は数ヶ月前に同じ問題を抱えていましたframework7を修正できませんでした。

代わりに、このhttps://hpneo.github.io/gmaps/を使用しました。これは基本的にgoogleマップが使いやすいライブラリにまとめられています。

これは魅力的に機能しました。

Answer 2

リスナーすなわちイベントを追加してみてください：

myApp.onPageInit('map', function(page) { 
    document.addEventListener("deviceready", onDeviceReady, false); 
    function onDeviceReady() { 
     [google maps js] 
    } 
}