Форум

evgeniy123 · #1 (**permalink**) 01.08.2016, 18:51

Здравствуйте. Вот думал подключить скрипт но не могу понять откуда эта ошибка вылезает.

TypeError: google.maps.places is undefined
	

this.autocomplete = new google.maps.places.Autocomplete(

Вот сам HTML в конце страницы

</script><script src="/assets/c0993e2d/jquery.js"></script>
<script src="/js/users.js"></script>
<script src="/js/bootstrap3.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?key=MOIKLUCH&libraries=places""></script>
<script src="/js/jquery.geocomplete.js"></script>
<script src="/js/profile.js"></script>

profile.js

$("input#profile-address").geocomplete()

Может у кого то есть опыт с этой library ? Спасибо

рони · #2 (**permalink**) 01.08.2016, 22:27

evgeniy123,
последние три скрипта поставьте ПОСЛЕ первого

рони · #3 (**permalink**) 01.08.2016, 22:35

evgeniy123,

<script src="/assets/c0993e2d/jquery.js"></script>
<script src="//maps.googleapis.com/maps/api/js?key=MOIKLUCH&amp;libraries=places&quot;"></script>
 <script src="/js/jquery.geocomplete.js"></script>
 <script src="/js/profile.js"></script>
<script src="/js/users.js"></script>
 <script src="/js/bootstrap3.min.js"></script>

evgeniy123 · #4 (**permalink**) 02.08.2016, 02:08

Ты же самое

А могут ли другие скрипты влиять на ето которые подключаются потом?

рони · #5 (**permalink**) 02.08.2016, 07:52

evgeniy123,
может забыли ready?

Сообщение от evgeniy123

profile.js
$("input#profile-address").geocomplete()

evgeniy123 · #6 (**permalink**) 02.08.2016, 23:10

выполнил отдельно в консоли :

$("input#profile-address").geocomplete() ;

Тоже самое. У меня эта ошибка сразу когда загружается страница.

profile.js

$(window).load(function() {

    $("input#profile-address").geocomplete();
});

рони · #7 (**permalink**) 02.08.2016, 23:51

evgeniy123, смотрите что у вас не так, для официального использования в строке 10 должен быть добавлен ваш ключ

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maps.googleapis.com/maps/api/js?libraries=places"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"></script>
  <script>
$(function() {
  $("input#profile-address").geocomplete()
});
  </script>
<!-- тут все остальные скрипты -->
</head>

<body>
<input type="text" id="profile-address">

</body>
</html>

пример рабочий!

evgeniy123 · #8 (**permalink**) 03.08.2016, 01:02

Сообщение от рони

evgeniy123,
может забыли ready?

Сообщение от рони

evgeniy123, смотрите что у вас не так, для официального использования в строке 10 должен быть добавлен ваш ключ

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maps.googleapis.com/maps/api/js?libraries=places"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"></script>
  <script>
$(function() {
  $("input#profile-address").geocomplete()
});
  </script>
<!-- тут все остальные скрипты -->
</head>

<body>
<input type="text" id="profile-address">

</body>
</html>

пример рабочий!

Я так и сделал как и в первом посту написал.

<script src="//maps.googleapis.com/maps/api/js?key=MOIKLUCH&amp;libraries=places&quot;"></script>

Пробу на простом localhost и все работает а тут никак. Посмотрю что не так. Просто настораживает что так не получается

jQuery 2.1

evgeniy123 · #9 (**permalink**) 03.08.2016, 01:51

Дело было не в бабине

В конце когда в пхп вставлял строку с адресом то нечаянно добавил лишний знак кавычки

Форум

Справочник

Discord чат

Курсы javascript