Javascript 框架7中的映射

我试图在Framework7中加载我的地图，但我无法做到这一点。我得到的错误是谷歌没有定义

下面是我的代码

JavaScript代码

CascadingApp.onPageInit('admin', function(page) {
    initialize();
});

function initialize() {
    var map = null;
    var latlng;
    latlng = new google.maps.LatLng(37.4419, -122.1419);
    var options = {
        zoom: 13,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map"), options);
}

HTML代码

<div id="map" style="height:400px; width:1200px;"></div>

<script src="https://maps.googleapis.com/maps/api/js?key= AIzaSyAWzZ-1BPmaWKFT0du3cis82mj9Y5ljIgk&callback=initMap" async defer></script>

---

不加载页面中的地图。

在index.html文件中添加google api脚本

。当前api存在于admin.html模板中。那么当 管理员视图正在加载

CascadingApp.onPageInit（'admin'，函数（page）{initialize（）；}）当时google api未完全加载，即异步行为和抛出错误google未定义。因此，只需将google api放在index.html页面中，rest就可以了。
希望它能帮助你
 我在
index.html
的底部添加了Google脚本，但是没有回调函数

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

在
app.js
中定义相同的
initMap
函数，并记住将样式设置为map div（至少宽度和高度）

希望对您有所帮助；-）
 google maps回调函数是
initMap
，即加载API后将调用的函数。在API可用之前，您正在调用
initialize
。@geocodezip我是新来的。请提供一个示例代码或让我参考一个。谢谢
$$(window).on('load', function(e) {
  initMap();
});