Django - API Google Places - Создание

Пытаюсь внедрить Google Places API, чтобы искать предприятия.

Я пытаюсь разбить результат на различные секции (имя, адрес, город...), чтобы вставить его в форму.

Проведя небольшое исследование, я действительно нашел окончательный код для копирования. Однако я использую Django и я слишком новичок в кодировании, чтобы понять, как изменить код, чтобы он работал с фреймворком. (https://jsfiddle.net/geocodezip/ep5aw171/1/)

Вот код, который у меня есть:

js файл

function initMap(){  
  autocomplete = new google.maps.places.Autocomplete(document.getElementById("input"),{
    componentRestrictions: {'country':['uk']},
    fields: ['name','geometry'],
    types:['establishment']
  });

   autocomplete.addListener('place_changed');
}

html

<html>
<h1>Google Places API Test</h1>
    <body>
        <input id="input" placeholder="*Name API" style="height: 75px; width:1000px">
        <script src="{% static 'google_places_names.js' %}"></script>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=xxx&libraries=places&callback=initMap"></script>

    </body>
</html>

Этот бит работает. Когда я ввожу адрес, я получаю адрес того, что я ищу (см. скриншот) enter image description here

Учитывая, что я планирую использовать форму django для сбора информации, я предполагаю, что html будет выглядеть следующим образом:

<html>
<h1>Google Places API Test</h1>
    <body>
        <input id="input" placeholder="*Name API" style="height: 75px; width:1000px">

  <form id="GoogleAPI" method="POST" action="{% url 'google_api_test'%}">
    {% csrf_token %}

   <label for="address" class="hidden-el" hidden>Address</label>
   {{form.name}}
   <label for="address" class="hidden-el" hidden>Address</label>
   {{form.address}}
   ...
  </form>
        <script src="{% static 'google_places_names.js' %}"></script>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=xxx&libraries=places&callback=initMap"></script>
    </body>
</html>

Просматривая различные ответы на эту тему, кажется, что нужно написать много кода, поэтому я ожидаю, что любой сможет сделать это здесь. Но мне интересно, может кто-то знает ссылку на учебник по Django для Google API для предприятий (establishment). Я нашел несколько онлайн, но они не охватывают учреждения, и подход кажется другим.

Я понимаю, что следующим шагом будет вызов autocomplete.getPlace() внутри функции. Но все предпринятые мной попытки оказались безуспешными.

Буду благодарен, если у кого-нибудь есть какие-либо рекомендации!

Вернуться на верх