Google maps api 3 使用head.js加载google地图API_Google Maps Api 3_Head.js

Google maps api 3 使用head.js加载google地图API

google-maps-api-3

Google maps api 3 使用head.js加载google地图API,google-maps-api-3,head.js,Google Maps Api 3,Head.js,我正试图做一些我认为很直接的事情。显然不是！我使用head.js lib异步加载Google Maps API： <!doctype html> <html> <head> <title>Map - Async example</title> </head> <body> <div id="id" style="width:600px;height:400px;"></d

我正试图做一些我认为很直接的事情。显然不是！我使用head.js lib异步加载Google Maps API：

<!doctype html>
<html> 
<head> 
    <title>Map - Async example</title> 
</head> 
<body>
    <div id="id" style="width:600px;height:400px;"></div>
    <script src="header.js" type="text/javascript">
    <script type="text/javascript">
        head.js('https://maps.googleapis.com/maps/api/js?=3.exp&sensor=false&callback=google_callback');
        var google_callback = function ( ) {
            var mapOptions = {
                zoom: 8,
                center: new google.maps.LatLng(-34.397, 150.644),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById('id'), mapOptions);
        }
    </script>
</body>
</html>


映射异步示例
head.js（'https://maps.googleapis.com/maps/api/js?=3.exp&sensor=false&callback=google_callback');
var google_callback=函数（）{
变量映射选项={
缩放：8，
中心：新google.maps.LatLng（-34.397150.644），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（'id'），mapOptions）；
}

但是什么也没有出现。有什么想法/建议吗？

header.js的结束脚本标签丢失了

建议：不要使用head.js。谷歌在这里提供了一个异步加载的简单演示：好吧，我们可以说我真的很累。