CMS (в прошлом Менеджер контента): отображение локаций из коллекции на Google картах
4 мин. чтения
Сохраняйте адреса в коллекции и легко связывайте их с картой Google на своей странице.
Прежде чем начать:
Шаг 1 | Настройте поля адреса в коллекции
Подготовьте коллекцию с соответствующими полями адресов, прежде чем подключать их к карте на странице.
Чтобы настроить поля адреса в коллекции:
- Перейдите в CMS в редакторе:
- Редактор Wix: нажмите CMS
слева от редактора.
- Editor X: Нажмите CMS
в верхней части Editor X.
- Редактор Wix: нажмите CMS
- Нажмите Создать коллекцию.
- Введите название коллекции и нажмите Создать.
- Добавьте поле для хранения данных о местоположении на карте:
- Нажмите Редактировать поля.
- Нажмите + Добавить поле
- Нажмите на выпадающий список Тип поля и выберите Адрес.
- Введите имя поля в поле Название поля (например, Местоположение на карте).
- (Необязательно) Введите текст, который отображается только в коллекции, но не на опубликованном сайте, в поле Текст справки (необязательно).
- (Необязательно) Для данных о местоположении, которые могут считаться личной информацией, вы должны включить переключатель Личная информация .
- Нажмите Сохранить.
![Снимок экрана с панелью «Добавить поле», на которой показаны параметры Тип поля, Название поля и Код поля.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/07/07/19485bab-52fa-4712-91ed-ef88a2208b0d/8d7c0b09-448b-422c-8f41-1c51037a57c2.jpg)
- Нажмите + Добавить элемент и введите название, которое будет отображаться на карте, в поле Название.
- Введите адрес в поле адреса элемента и выберите его из списка.
![Снимок экрана коллекции в Менеджере контента с выпадающим списком предлагаемых адресов.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/07/07/b7ecf70c-664b-4b7a-ac34-8252f2ee3f7e/7cff4218-cc4e-451e-b0ce-79b433a98515.jpg)
Шаг 2 | Добавьте и подключите карту
Выберите карту, подходящую вашему сайту по стилю и свяжите ее с необходимыми полями в коллекции контента.
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще использовать их. Подробнее о новых наборах данных в Wix Studio.
Чтобы добавить и подключить карту:
- Перейдите в панель Добавить:
- Редактор Wix: нажмите Добавить
в левой части редактора.
- Editor X: нажмите Добавить элементы
в верхней части Editor X.
- Редактор Wix: нажмите Добавить
- Выберите вкладку Формы и связь.
- Нажмите Карты и перетащите одну из карт на свою страницу.
- Нажмите на карту и выберите Подключить к данным
(или
в Editor X).
- Нажмите Создать источник данных.
- Нажмите на раскрывающийся список Выберите коллекцию, выберите нужную коллекцию и нажмите Создать.
- В разделе Параметры подключения свяжите обязательные поля с соответствующими полями в коллекции.
![Скриншот панели подключения Google Maps с вариантами подключения.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/07/07/38b9b78e-42eb-48e9-b70f-0c6196e1503c/ff15494a-0ab2-4495-ab9b-71367ab98470.png)
- (Необязательно) Нажмите Предпросмотр, чтобы увидеть, как карта будет выглядеть после публикации сайта.
- Нажмите Опубликовать, чтобы изменения вступили в силу.
Совет:
Если вы хотите включить более одного местоположения на карту, нажмите на карту в редакторе, чтобы открыть Управление местоположениями, и выберите Несколько.
![Снимок экрана с выбором нескольких местоположений в настройках Google Maps.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/07/08/efc5bc6f-31f1-4983-8cfb-6f07db317a0a/a620648e-1230-43bc-9199-95cb4c879835.jpg)
Примечания:
- Поле Link connects to принимает только URL-адреса.
- Параметр Подключить пин к - это необязательный параметр, который позволяет использовать пользовательскую графику или изображение вместо маркера булавки
на карте. Он подключается к полю URL, поэтому у вашего изображения должен быть свой уникальный URL. Рекомендуемый размер булавки - менее 100 пикселей, чтобы она правильно отображалась на карте.
- Вы также можете настроить свой сайт так, чтобы посетители вводили информацию об адресе. Эта информация заполнит поле адреса и затем может быть отображена на вашей карте.