Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Проблема с подключением GEOCOMPLETE.JS (https://javascript.ru/forum/jquery/64296-problema-s-podklyucheniem-geocomplete-js.html)

evgeniy123 01.08.2016 18:51

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

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&amp;libraries=places&quot;"></script>
<script src="/js/jquery.geocomplete.js"></script>
<script src="/js/profile.js"></script>

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


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

рони 01.08.2016 22:27

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

рони 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 02.08.2016 02:08

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

рони 02.08.2016 07:52

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

Сообщение от evgeniy123
profile.js
$("input#profile-address").geocomplete()


evgeniy123 02.08.2016 23:10

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

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


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


profile.js

$(window).load(function() {

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

рони 02.08.2016 23:51

запуск geocomplete
 
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 03.08.2016 01:02

Цитата:

Сообщение от рони (Сообщение 424048)
evgeniy123,
может забыли ready?

Цитата:

Сообщение от рони (Сообщение 424124)
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 03.08.2016 01:51

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


Часовой пояс GMT +3, время: 05:05.