Framework7中未加载谷歌地图

Google Maps not loading in Framework7

本文关键字:谷歌地图 加载 Framework7      更新时间:2023-09-26

我有一个问题,当我点击"关于"选项卡时,谷歌地图没有显示:

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>

几个月前,我在使用framework7时遇到了同样的问题,无法修复。

我用了这个https://hpneo.github.io/gmaps/它基本上是将谷歌地图封装到一个更易于使用的库中。

它就像一个符咒。

尝试添加事件侦听器,即:

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