CMS (в прошлом Менеджер контента): отображение локаций из коллекции на Google картах

4 мин. чтения
Сохраняйте адреса в коллекции и легко связывайте их с картой Google на своей странице.

Шаг 1 | Настройте поля адреса в коллекции

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

Чтобы настроить поля адреса в коллекции:

  1. Перейдите в CMS в редакторе:
    • Редактор Wix: нажмите CMS  слева от редактора.
    • Editor X: Нажмите CMS  в верхней части Editor X. 
  2. Нажмите Создать коллекцию.
  3. Введите название коллекции и нажмите Создать.
  4. Добавьте поле для хранения данных о местоположении на карте:
    1. Нажмите Редактировать поля.
    2. Нажмите + Добавить поле
    3. Нажмите на выпадающий список Тип поля и выберите Адрес.
    4. Введите имя поля в поле Название поля (например, Местоположение на карте).
    5. (Необязательно) Введите текст, который отображается только в коллекции, но не на опубликованном сайте, в поле Текст справки (необязательно).
    6. (Необязательно) Для данных о местоположении, которые могут считаться личной информацией, вы должны включить переключатель Личная информация .
    7. Нажмите Сохранить.
Снимок экрана с панелью «Добавить поле», на которой показаны параметры Тип поля, Название поля и Код поля.
  1. Нажмите + Добавить элемент и введите название, которое будет отображаться на карте, в поле Название.
  2. Введите адрес в поле адреса элемента и выберите его из списка.
Снимок экрана коллекции в Менеджере контента с выпадающим списком предлагаемых адресов.

Шаг 2 | Добавьте и подключите карту

Выберите карту, подходящую вашему сайту по стилю и свяжите ее с необходимыми полями в коллекции контента.
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще использовать их. Подробнее о новых наборах данных в Wix Studio

Чтобы добавить и подключить карту:

  1. Перейдите в панель Добавить:
    • Редактор Wix: нажмите Добавить  в левой части редактора.
    • Editor X: нажмите Добавить элементы  в верхней части Editor X.
  2. Выберите вкладку Формы и связь.
  3. Нажмите Карты и перетащите одну из карт на свою страницу.
  4. Нажмите на карту и выберите Подключить к данным (или в Editor X).
  5. Нажмите Создать источник данных.
  6. Нажмите на раскрывающийся список Выберите коллекцию, выберите нужную коллекцию и нажмите Создать.
  7. В разделе Параметры подключения свяжите обязательные поля с соответствующими полями в коллекции.
Скриншот панели подключения Google Maps с вариантами подключения.
  1. (Необязательно) Нажмите Предпросмотр, чтобы увидеть, как карта будет выглядеть после публикации сайта.
  2. Нажмите Опубликовать, чтобы изменения вступили в силу.
Совет:
Если вы хотите включить более одного местоположения на карту, нажмите на карту в редакторе, чтобы открыть Управление местоположениями, и выберите Несколько.
Снимок экрана с выбором нескольких местоположений в настройках Google Maps.
Примечания:
  • Поле Link connects to принимает только URL-адреса.
  • Параметр Подключить пин к - это необязательный параметр, который позволяет использовать пользовательскую графику или изображение вместо маркера булавки на карте. Он подключается к полю URL, поэтому у вашего изображения должен быть свой уникальный URL. Рекомендуемый размер булавки - менее 100 пикселей, чтобы она правильно отображалась на карте.
  • Вы также можете настроить свой сайт так, чтобы посетители вводили информацию об адресе. Эта информация заполнит поле адреса и затем может быть отображена на вашей карте.

Была ли статья полезна?

|