Google Maps: как создать и добавить интерактивную карту Google на сайт

Для создания интерактивной Google Карты для сайта необходимо быть зарегистрированным в Google Почте (Gmail). Поэтому для начала создайте или войдите в свой личный кабинет.

Потом перейдите в конструктор Google My Maps (Карты Гугл).

Нажмите на кнопку «Создать новую карту».

Вы увидите окно создания интерактивной Google Карты.

Введите адрес организации в поле поиска и нажмите на кнопку поиска.

Интерактивные Google Карты укажут адрес на картах.

Нажмите на кнопку «Добавить на карту», чтобы создать метку.

Вы увидите что-то вроде этого.

Нажмите на кнопку «Изменить».

Измените заголовок и информацию, а потом нажмите на кнопку «Сохранить».

Нажмите на кнопку «Стиль».

Измените цвет и дизайн иконки на подходящий для вас вариант.

Чтобы карта стала доступна для сайта, у нее необходимо добавить права доступа. Нажмите на кнопку «Поделиться».

Укажите название карты и нажмите на кнопку «ОК».

Появится новое окно. Нажмите на кнопку «Изменить» возле уровня доступа «Документ доступен только вам».

Выберите вариант «ВКЛ (для всех в интернете)» и доступ только для просмотра. Нажмите на кнопку «Сохранить».

Нажмите на кнопку «Готово».

Нажмите на кнопку «Открыть меню». Выглядеть как 3 точки.

Откроется меню. Нажмите на кнопку «Добавить на сайт».

Скопируйте из поля код интерактивной Google Карты для сайта и вставьте в блокнот.

Найдите строчку «width="640"». Измените цифры размера на «100%». В нашем примере мы изменили «640» на «100%». Получилось так.

Тогда карта будет адаптироваться под разные размеры экрана.

Скопируйте код из блокнота и вставьте в необходимое поле на сайте. В ezCatalog CMS такое поле называется «Код отображения карты проезда». Оно находиться в разделе панели управления «Контактные данные сайта».