Да, почему выходит ошибка google not defined?

Question

[Lord_Dantes]

Начал натягивать сайт на вп.
И перекинув скрипты связанные с картами в файл футера сайта.
Происходит следующая ошибка. Я уже и гуглил и создавал функцию, которую вызывал позже. Ошибка не пропадает.

Буду благодарен за любую помощь.

Comments

[Lynn «Кофеман»]

Код?

[Lord_Dantes]

Алексей Тен,

<script type="text/javascript">
  // mapsbox
  function initMap() {
    var map_one_coordinate = {lat: 50.486251, lng: 30.505882};
    map_one_build = new google.maps.Map(document.getElementById('map-one_build'), {
      center: map_one_coordinate,
      zoom: 18,
    });
    var image = '<?php echo bloginfo('template_url') ?>/img/maps-and-flags.svg';
    var contentString = '<b>Проспект Степана Бандеры 20А</b>';
    var infowindow = new google.maps.InfoWindow({
      content: contentString
    })
    marker_one = new google.maps.Marker({
      position: map_one_coordinate,
      map: map_one_build,
      icon: image,
    });
    infowindow.open(map_one_coordinate,marker_one);
  //
  map_two_coordinate = {lat: 50.486251, lng: 30.505882};
  map_two_build = new google.maps.Map(document.getElementById('map-two_build'), {
    center: map_two_coordinate,
    zoom: 18,
  });
  var contentString_two = '<b>Проспект Степана Бандеры 20А</b>';
  var infowindow_two = new google.maps.InfoWindow({
    content: contentString_two,
  })
  marker_two = new google.maps.Marker({
    position: map_two_coordinate,
    map: map_two_build,
    icon: image,
  });
  infowindow_two.open(map_two_coordinate,marker_two);
  //
  map_3_coordinate = {lat: 50.486251, lng: 30.505882};
  map_3_build = new google.maps.Map(document.getElementById('map-3_build'), {
    center: map_3_coordinate,
    zoom: 18,
  });
  var contentString_3 = '<b>Проспект Степана Бандеры 20А</b>';
  var infowindow_3 = new google.maps.InfoWindow({
    content: contentString_3,
  })
  marker_3 = new google.maps.Marker({
    position: map_3_coordinate,
    map: map_3_build,
    icon: image,
  });
  infowindow_3.open(map_3_coordinate,marker_3);
  //
  map_4_coordinate = {lat: 50.486251, lng: 30.505882};
  map_4_build = new google.maps.Map(document.getElementById('map-4_build'), {
    center: map_4_coordinate,
    zoom: 18,
  });
  var contentString_4 = '<b>Проспект Степана Бандеры 20А</b>';
  var infowindow_4 = new google.maps.InfoWindow({
    content: contentString_4,
  });
  marker_4 = new google.maps.Marker({
    position: map_4_coordinate,
    map: map_4_build,
    icon: image,
  });
  infowindow_4.open(map_4_coordinate,marker_4);
}
initMap();
</script>

[Lynn «Кофеман»]

Ну так а карты-то подключены?

[ned4ded]

где подключение скрипта от гугла?

[Kudis]

Slave, на код подключения можно не смотреть
Автор впроса перенёс все подключаемые скрипты в футер. А его инлайновый кусок "инитмэпщины" всё еще покоится где-то выше инициализации.
Хотя, где бы он не лежал, вызов initMap() без ожидания загрузки DOM вывалит ошибку в 90% случаев.
Полагаю там на сайте столько подобных скриптов между хэдером и initMap, что, когда скрипты гугла загружались в шапке, они успевали загрузиться, пока дело доходит до initMap.
Я очень надеюсь, что это просто проба пера, а не сайт. который Вы пытаетесь продать заказчику(((

Answer 1

[RidgeA]

переменная `google` не определена

Comments

[Lord_Dantes]

Гениально. Спасибо.

[Kudis]

Slave, без иронии - это правильный ответ!
зачем вы вызываете initMap до того, как загрузится скрипт карт с сайта гугла? подождите, нет смысла их грузить сразу, если, конечно, карта не является основным и единственным элементом Вашего сайта

[RidgeA]

Slave, всегда пожалуйтса