2016-04-18 31 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] 
    } 
}