Новые элементы формы: адрес и Google карта

Добрый день.

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

Новые элементы формы: адрес и Google карта 1

Адрес

Элемент «Адрес» использует технологию автозаполнения Google мест, благодаря чему можно облегчить пользователю ввод адреса и добиться точного и систематизированного ввода адреса.

Данный элемент находится в разделе «Основные поля». Добавив этот элемент и перейдя в основные настройки, необходимо ввести «Ключ API Google карт»:

Новые элементы формы: адрес и Google карта 2

Чтобы получить ключ API Google карт, перейдите сюда и создайте его, а затем скопируйте его в текстовое поле выше. Откройте эту ссылку, если он у вас уже есть.

Настройки адреса

В разделе "Настройки адреса" можно включить опцию "Включить автоподстановку параметров адреса":

Новые элементы формы: адрес и Google карта 3

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

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

Новые элементы формы: адрес и Google карта 4

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

Вот так этот элемент будет выглядеть в форме:

Новые элементы формы: адрес и Google карта 5

Google карта

Элемент «Google карта» позволяет получить координаты точки (широту и долготу) на карте. Данный элемент находится в «Экстра полях». Добавив этот элемент формы, необходимо в его основных настройках также ввести значение «Ключ API Google карт».

Ключ API Google карт можно использовать один и тот же, как для элемента «Адрес», так и для элемента «Google карта».

Настройки карты

5.pngНовые элементы формы: адрес и Google карта 6

В настройках карты вы можете изменить такие параметры:

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

Кроме этого есть возможность привязать карту к адресу, выбрав соответствующее поле из формы.

Новые элементы формы: адрес и Google карта 7

Благодаря этой настройке адрес и координаты на карте будут взаимосвязаны. При изменении адреса, точка на карте будет меняться и при перемещении точки на карте, адрес в форме будет автоматически изменяться.

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

Также есть возможность автоматически определять геолокацию пользователя на карте. Для этого необходимо включить опцию «Автоматическое определение геолокации пользователя».

Вот так карта будет выглядеть в форме:

Новые элементы формы: адрес и Google карта 8

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

Оцените работу нашей автомойки

Оцените работу нашей автомойки, узнайте оценку автомойки и пожелания клиентов Подробнее
Platinum

Бетонные работы "Под Ключ" с использованием профессиональной опалубки

С помощью этого квиза пользователю предлагается ответить на несколько вопросов с помощью которых можно рассчитать примерную стоимость бетонных работ Подробнее
Free

Заявка на оформление кредита

​Принимайте заявки на оформление кредита с указанием суммы, срока и данных заявителя Подробнее
Platinum

Выберите лучший способ обогреть дом и сохранить тепло

Существует немало способов отопления жилища. Как выбрать из них самый оптимальный и экономичный? Ответьте на 7 вопросов и получите 10% скидки на установку системы отопления!
$6.00
Подробнее

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

Нет времени разбираться со всеми настройками самому? Не проблема!
Закажите разработку веб-формы у нас