Google Map API не загружается, когда скрипт на той же HTML-странице

Question

Google Map API не загружается, когда скрипт на той же HTML-странице

0

Там может быть простая причина, но я не понимаю, поэтому я спрашиваю:

Я просто использую карту google на моем простом html-сайте, как указано на https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map и http://www.w3schools.com/googleAPI/google_maps_basic.asp, где скрипт Google Maps src (src= "http://maps.googleapis.com/maps/api/js?sensor=false", который я пробовал с ключом и без ключа) и initialize() и addDomListener на загрузке находятся на одной странице, и я сохраняю эту страницу с расширением.html (тоже пытался с.php на wamp тоже).
Однако карта не отображается, поэтому я добавляю функцию initialize() и addDomListener в другую оболочку, такую как map_script.js, и вызывается на главной странице.html или index.php, тогда на странице отображается только карта.
Это потому, что html или php не могли обработать эту часть js, и она работала, когда она была в другой js-оболочке. Или есть что-то еще?

amitfreeman 20 сен. 2013, в 22:47

Источник

Теги:

javascript

html

google-maps-api-3

1 ответ

Ещё вопросы

Ankit Agrawal · Answer 1 · 2013-09-20T18-59-00.000Z

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  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>

попробуйте этот скрипт

Я понял разницу ... В этих уроках используется var map = new google..etc, в то время как в вашем var map объявляется вне функции инициализации, как я использовал в оболочке .js. Теперь она работает на той же странице, Может быть, есть разница в версии API и учебники на старой. Спасибо чувак!
@amitfreeman: «Разница» не будет иметь никакого значения с кодом в ответе, результат будет таким же, как и с var map= new google..... Должно быть, что-то не так с вашим кодом (мы никогда не узнаем, что, если вы не покажете нам свой код)