2015-03-27 2 views
0

Почему «привет слово» пример от https://developers.google.com/maps/documentation/javascript/tutorial делает эту ошибку?Google Map API - Hello Word - ошибка

error message

Вот мой код:

<!DOCTYPE html> <html> <head> 
     <style type="text/css"> 
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;} 
     </style> 
     <script type="text/javascript" 
      src="https://maps.googleapis.com/maps/api/js?key=API_KEY"> 
     </script> 
     <script type="text/javascript"> 
      function initialize() { 
      var mapOptions = { 
       center: { lat: -34.397, lng: 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"></div> </body> </html> 
+0

Это прекрасно работает для меня, если я или добавить свой api_key или удалить ключевой параметр строки запроса. – Grokify

+0

Я тоже сделал то же самое .. – user1824542

+0

Конечно. Просто хотел сообщить, что он работает в некоторых сценариях, как есть. – Grokify

ответ

1

Видимо ваш файл HTML на вашей локальной файловой системе, которая объясняет ошибку.

Для обеспечения безопасности, чтобы избежать смешивания элементов, обслуживаемых http и https API googleMap, javascript API ссылается на внешний элемент, начинающийся с двойной косой черты (то есть: //), которая будет использовать тот же протокол, что и текущий HTML-код файл.

Как вы тестируете Сформируйте локальной файловой системы, ваш URL начинается с file:// и в последствии // будет ссылаться на file://

  • В вашем случае браузер делает запрос на //maps.gstatic.com/mapfiles/closedhand_8_8.cur который будет переводить на file://maps.gstatic.com/mapfiles/closedhand_8_8.cur

  • на обычный сервер HTTP было бы перевести на http://maps.gstatic.com/mapfiles/closedhand_8_8.cur

  • на сервере HTTPS бы перевести https://maps.gstatic.com/mapfiles/closedhand_8_8.cur
+0

Да, мой html находится в локальной файловой системе, мне это нужно для моего проекта QT. Возможно ли без этой ошибки? – user1824542

+0

Возможно, вы можете попробовать с [базовым тегом url] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base) – dvhh