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

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

Який ти супергерой в IT?

Шаблон тестування в гральній формі допоможе з'ясувати вашим користувачем, який він супергерой в IT Докладніше
Gold

Океани Землі

Тест дозволяє дізнатися рівень знань по океанах Землі Докладніше
Free

Оцінка заходу

Проведіть опитування серед учасників вашого заходу Докладніше
Free

Форма запиту на оцінку

Ідеально підходить для веб-сайтів оціночних компаній, керуючих об'єктами, власників нерухомості. Докладніше

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

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