Вернуться на страницу поддержки Содержимое и медиафайлы Блоки Блоки Вставка Вставка из Google Карт

Вставка из Google Карт

Google Карты — это популярный бесплатный инструмент для отображения карт и маршрутов. В этом руководстве рассказывается, как встроить (то есть поместить) Google Карты на сайт WordPress.com.

Вставка Google Карт

Вы можете вставить Google Карты на любую страницу своего сайта WordPress.com, выполнив следующие действия.

Шаг 1. Получение кода для вставки карт

  1. Перейдите в Google Карты.
  2. Выполните поиск по любому адресу улицы или географическому положению и нажмите кнопку «Поделиться».
Стрелка указывает на кнопку «Поделиться» в списке на Google Карте.
  1. В появившемся всплывающем окне перейдите на вкладку «Вставить карту».
  2. Нажмите кнопку «Копировать HTML», чтобы скопировать весь HTML-код из поля в буфер обмена компьютера. Код начинается с <iframe.
Стрелка, указывающая на кнопку «Копировать HTML».

Шаг 2. Добавление кода вставки на сайт

  1. Откройте страницу своего сайта в редакторе WordPress.
  2. Нажмите кнопку + инструмента вставки блоков, чтобы добавить блок произвольного HTML.
  3. Вставьте в блок полный код для вставки.
  4. Нажмите кнопку Опубликовать, Обновить или Сохранить, чтобы ваша карта появилась на сайте.

При следующем редактировании страницы или записи код вставки будет преобразован в шорткод.

Отображается шорткод Google Карт.

Если ваш код не работает, попробуйте использовать физический адрес. Адреса, созданные с использованием координат долготы и широты, а не физического адреса, могут не обеспечить вам рабочий код.

Пример встроенной Google Карты

Вот пример того, как будет выглядеть встроенная карта.

Вставка пользовательской карты

Google Карты позволяют создавать собственные пользовательские карты с использованием значков, нескольких местоположений, персональных значков и многого другого. Вы можете вставить на свой сайт пользовательскую карту, выполнив следующие действия.

  1. Перейдите в раздел Мои карты.
  2. Выберите уже созданную карту или создайте новую.
  3. Сделайте карту открытой с помощью опции «Поделиться».
  4. Щёлкните по многоточию (трём точкам) рядом с названием карты, чтобы открыть дополнительные опции. Появится окно, как показано ниже.
  5. Выберите в этом списке «Вставить на мой сайт». Откроется окно с кодом для вставки. Скопируйте весь код.
    embed-this-map
  6. Чтобы добавить код для вставки на сайт, выполните те же действия для обычной карты.
Copied to clipboard!