Нові елементи форми: адреса і Google мапа

Добрий день.

Сьогодні хочемо представити Вам два нових елемента форми, які стали доступні в нашому конструкторі веб-форм: адреса і Google мапа.

New form fiellds: Address and Google map 1

Адреса

Елемент "Адреса" використовує технологію автозаповнення Google місць, завдяки чому можна полегшити користувачеві введення адреси, і домогтися точного і систематизованого введення адреси.

Даний елемент знаходиться в розділі "Основні поля". Додавши цей елемент і перейшовши в основні настройки, необхідно ввести "Ключ API Google мапи":

New form fiellds: Address and Google map 2

Щоб отримати ключ API Google мапи, перейдіть сюди та створіть його, а потім скопіюйте у текстове поле вище. Відкрийте це посилання, якщо воно у вас вже є.

Налаштування адреси

У розділі "Налаштування адреси" можна ввімкнути опцію "Увімкнути автопідстановку параметрів адреси":

New form fiellds: Address and Google map 3

Завдяки цій опції можна розбирати параметри адреси (країна, регіон, місто і вулиця) і автоматично їх записувати в задані поля форми, які потрібно вибрати зі списку, у відповідних полях.

Крім цього можна обмежити пошук адреси заданим набором країн. Для цього необхідно включити опцію "Обмежити область пошуку адреси заданими країнами":

New form fiellds: Address and Google map 4

Включивши цю опцію необхідно заповнити поле "Список країн для пошуку адреси", вказавши там ISO коди потрібних країн через кому, але не більше 5 шт.

Ось так цей елемент буде виглядати у формі:

New form fiellds: Address and Google map 5

Google мапа

Елемент "Google мапа" дозволяє отримати координати точки (широту та довготу) на мапі. Даний елемент знаходиться в "Екстра полях". Додавши цей елемент форми, необхідно в його основних налаштуваннях також ввести значення "Ключ API Google мапи".

Ключ API Google мапи можна використовувати один і той же, як для елемента "Адреса", так і для елемента "Google мапа".

Налаштування карти

New form fiellds: Address and Google map 6

У налаштуваннях мапи Ви можете змінити такі параметри:

  • Тип мапи (за замовчуванням, супутник, гібрид і рельєф)
  • Ширину і висоту мапи у формі
  • Рівень масштабування мапи
  • Вказати широту і довготу початкової точки на мапі

Крім цього є можливість прив'язати мапу до адреси, вибравши відповідне поле з форми.

New form fiellds: Address and Google map 7

Завдяки цьому налаштуванню адреса та координати на мапі будуть взаємопов'язані. При зміні адреси, точка на мапі буде змінюватися і при переміщенні точки на мапі, адреса у формі буде автоматично змінюватися.

Для того, щоб користувач мав можливість переміщати точку на мапі, необхідно включити опцію "Дозволити переміщати маркер картою".

Також є можливість автоматично визначати геолокацію користувача на мапі. Для цього необхідно включити опцію "Автоматичне визначення геолокації користувача".

Ось так мапа буде виглядати у формі:

New form fiellds: Address and Google map 8

Коментарі
Готові шаблони веб-форм
Gold

Пройдіть опитування і отримаєте підбір квартир в нових ЖК міста, а також на вторинному ринку

Квартири в новобудовах, на вторинному ринку, таунхауси, пройдіть опитування і отримаєте підбір квартир в нових ЖК міста, а також на вторинному ринку. Докладніше
Platinum

Шаблон квізу для розрахунку вартості детейлінг-послуг

Даний шаблон квізу допоможе автоматизувати прийом заявок і зробити попередній розрахунок на детейлінгові послуги Докладніше
Free

Шаблон оцінки лояльності клієнта

Дізнайтеся про рівень задоволеності клієнтів, щоб визначити тенденції лояльності споживачів у рамках Вашої маркетингової діяльності. Докладніше
Gold

Форма первинного відвідування пацієнта

Отримайте детальну інформацію про історію хвороби вашого пацієнта за допомогою цієї простої і зручної форми. Докладніше

Замовте розробку форми під ключ

Немає часу розбиратися з усіма налаштуваннями самому? Не проблема!
Замовте розробку веб-форми у нас