У меня есть веб-сайт shopify с панелью поиска, где я использую API автозаполнения Google, это работает просто отлично.Почему-то я получаю эту ошибку в консоли, когда открываю ее:
InvalidValueError: not an instance of HTMLInputElement
Я проверил похожие посты и убедился, что загружаю JS в концемоего HTML, вот мой код JS:
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?
key=MY_KEY&libraries=places"></script>
<script>
var input = document.getElementById('pac-input');
var options = {
componentRestrictions: {country: 'ca'}
};
var autocomplete = new google.maps.places.Autocomplete(input, options);
</script>
Вот мой HTML-код для поля поиска:
<input id="pac-input" class="search_bar" type="text" placeholder="Enter Delivery Address" name="q" value="{{ search.terms | escape }}" />
<input class="search_butt" type="submit" value="Shop Now" />
Насколько я вижу, идентификатор для моего текстового поляэлемент одинаков во всех направлениях, и мой сценарий находится в конце документа HTML, есть что-то, что мне не хватает?
Спасибо