Google Maps Laden nicht in Framework7

Question

Ich habe ein Problem mit Google Maps nicht angezeigt, wenn ich die Registerkarte "About" klicken:

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

Ich hatte das gleiche Problem vor ein paar Monaten bei der Verwendung von framework7 und konnte es nicht beheben.

Ich habe stattdessen diese https://hpneo.github.io/gmaps/ verwendet, die im Grunde Google Maps in eine leichter zu bedienende Bibliothek eingewickelt ist.

Es funktionierte wie ein Charme.

Answer 2

Versuchen Hinzufügen Ereignis-Listener das heißt:

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