2016-04-18 62 views
1

不加載我與谷歌地圖不顯示,當我點擊「關於」選項卡中的一個問題:谷歌地圖在Framework7

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> 
+0

谷歌地圖例如:https://jsfiddle.net/ps74h8sr/1/ https://developers.google.com/maps/documentation/javascript/examples/ map-simple – lastboy

+0

親愛的我有從那裏複製地圖,但我的問題是,當我嘗試使用它在framework7上它不工作通過鏈接提到 –

+0

我看不到任何努力從你的代碼。將Google地圖與框架7集成是沒有問題的。已更新https://jsfiddle.net/ps74h8sr/2/ – lastboy

回答

3

我使用的時候有同樣的問題,幾個月前framework7並且無法修復它。

我反而使用這https://hpneo.github.io/gmaps/這基本上是谷歌地圖包裝成一個更容易使用的庫。

它像一個魅力工作。

0

嘗試添加事件監聽即:

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