Загрузка API карт Google с использованием head.js

Я пытаюсь сделать что-то, что я думал довольно прямо. Очевидно это не так! Я использую библиотеку head.js для асинхронной загрузки API Карт Google:

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

Но ничего не появляется. Любая идея / предложение?

Источник

1 ответ

Решение

Закрывающий скрипт-тег для header.js отсутствует

Источник
Другие вопросы по тегам