HTML-страница не отображает карту google

У меня есть простая HTML-страница, и я хочу отобразить карту google с помощью API Access. Я использую этот код:HTML-страница не отображает карту google

<!DOCTYPE html><!-- HTML5 --> 
<html lang="it" dir="ltr"> 
    <head> 
     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=blablabla&sensor=true"> 
     </script> 
     <script type="text/javascript"> 
      function initialize() { 
      var mapOptions = {center: new google.maps.LatLng(-34.397, 150.644), zoom: 8}; 
      var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions); 
      } 
      google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 
    </head> 
    <body> 
     <div id="map-canvas"/> 
    </body> 
</html>

Я уверен, что блок сценария обработан, но страница не отображает карту.

Вы можете мне помочь?

источник

2013-12-26 Daniele

// В головной секции место эти стили

<head> 
<style> 
    html{ 
    height:100%; 
    } 
    body{ 
    margin: 0; 
    padding: 0; 
    height:100%; 
    } 
</style> 
</head>

// В тело вашего документа, определите стиль map_canvas как таковой:

<body> 
<div id="map_canvas" style="height:100%;"></div> 

</body>

// щелкните правой кнопкой мыши документ и выберите элемент insepct. выберите вкладку консоли в инструментах разработчиков //. Если здесь нет ошибки, это может решить вашу проблему. // Удачи 8-)

источник

2013-12-26 10:35:44 freerunner

Проблема была в стиле! Благодарю. Но теперь не показывайте датчик :( – Daniele

Вы имеете в виду маркер? I m не достает вас. – freerunner

Попробуйте

Во-первых, включают библиотеку Jquery в вашем разделе (до Google файла расслоение плотной)

<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>

источник

2013-12-26 10:29:29

HTML-страница не отображает карту google

ответ

Смежные вопросы