Нові елементи форми: адреса і 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

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

Онлайн-запис на шиномонтаж

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

Шаблон форми замовлення таксі

Цей шаблон допоможе автоматизувати прийом замовлень у службі таксі або сервісах автоперевезень. Докладніше
Platinum

Форма оренди землі сільськогосподарського призначення

Даний шаблон форми договору про оренду земельної ділянки Докладніше
Gold

Розрахунок вартості будівництва будинку

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

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

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