Карты Google, карта не отображается в формате html

это мой код

<fieldset>
            <script src="https://maps.googleapis.com/maps/api/js"></script>
            <script>
                function initialize() {
                    var map_canvas = document.getElementById('map_canvas');
                    var map_options = {
                        center: new google.maps.LatLng(44.5403, -78.5463),
                        zoom: 8,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    }
                    var map = new google.maps.Map(map_canvas, map_options);
                }
                google.maps.event.addDomListener(window, 'load', initialize);
            </script>
            <div id="map_canvas"></div>
            <input type="submit" name="submit" class="submit action-button" value="Submit" />
        </fieldset>

как указано в этом официальном руководстве

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

но в HTML ничего не появляется. Я имею в виду, я ничего не вижу, где карта? Что мне не хватает, пожалуйста? Я уже добавил нагрузку даже


google-maps javascript html google-maps-api-3 google-maps-markers
person Marco Dinatsoli    schedule 14.06.2014    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Из вашего кода вы заметили тег div: <div id="map_canvas"></div> Вам нужно эквивалентное определение стиля CSS

#map_canvas {
    width: 500px;
    height: 400px;
}

Вот рабочий пример: http://jsfiddle.net/R8sdj/

person eikooc    schedule 14.06.2014
comment
+1 это работает, спасибо, я приму ваш ответ, когда система позволит - person Marco Dinatsoli; 14.06.2014