谷歌地图未在 Framework7 中加载答案

【问题标题】：Google Maps not loading in Framework7谷歌地图未在 Framework7 中加载
【发布时间】：2016-08-10 00:21:12
【问题描述】：

当我点击“关于”标签时，我遇到了 Google 地图不显示的问题：

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

【问题讨论】：

谷歌地图示例：jsfiddle.net/ps74h8sr/1 developers.google.com/maps/documentation/javascript/examples/…
亲爱的，我从那里复制了地图，但我的问题是，当我尝试在 framework7 上使用它时，它无法通过提到的链接进行操作
我看不到您的代码有任何努力。将谷歌地图与框架 7 集成没有问题。更新 jsfiddle.net/ps74h8sr/2
initMap 函数未定义。

标签： javascript jquery ajax google-maps-api-3 html-framework-7

【解决方案1】：

几个月前我在使用framework7 时遇到了同样的问题，但无法解决。

我改用了https://hpneo.github.io/gmaps/，它基本上是将谷歌地图包装成一个更易于使用的库。

它就像一个魅力。

【讨论】：

【解决方案2】：

尝试添加事件监听器，即：

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

【讨论】：