2016-05-17 2 views
-2

Вместо того, чтобы видеть карту, все, что я вижу, это серый экран с подписями под ним.Карта не загружается - Greyed Screen при попытке загрузить API Карт Google для Web

Я следовал инструкции по этой ссылке: https://developers.google.com/maps/documentation/javascript/tutorial#Audience

Кроме того, я создал и назначен сервера ключей моей страницы index.php по мере необходимости.

Как это можно решить?

Спасибо.

Отредактировано:

<script> 
    var map; 
    function initMap() { 
    map = new google.maps.Map(document.getElementById('googleMap'), { 
     center: {lat: -34.397, lng: 150.644}, 
     zoom: 8 
    }); 
    } 


function loadScript() 
{ 
    var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = "http://maps.googleapis.com/maps/api/js? 
     key=AIzaSyAfUA7aWeXe4fxoBE9PzjWRJ3MRlcSaYh0&callback=initMap"; 

    document.body.appendChild(script); 
    } 

    window.onload = loadScript; 
</script> 

. 
. 
. 

<div id="googleMap" style="width:500px;height:380px;"></div> 
+0

Пожалуйста, покажите свой код ... – scandel

+0

Отредактировано первое сообщение – Json

ответ

0

Если скопировать/вставить код в новый файл HTML, единственная ошибка, я получаю это странное место в URL Google Maps. Когда я подавить его, он работает:

<html> 
    <body> 
     <script> 
      var map; 
      function initMap() { 
       map = new google.maps.Map(document.getElementById('googleMap'), { 
        center: {lat: -34.397, lng: 150.644}, 
        zoom: 8 
       }); 
      } 


      function loadScript() 
      { 
       var script = document.createElement("script"); 
       script.type = "text/javascript"; 
       script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyAfUA7aWeXe4fxoBE9PzjWRJ3MRlcSaYh0&callback=initMap"; 
       document.body.appendChild(script); 
      } 

      window.onload = loadScript; 
     </script> 
     <div id="googleMap" style="width:500px;height:380px;"></div> 
    </body> 
</html> 
+0

копировали тоже (к возвышенным), чтобы попытаться увидеть, но у меня нет каких-либо пробелов. – Json

+0

Попробуйте скопировать/вставить код в ответ? – scandel

+0

Да, те же результаты. – Json

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