Как Сделать Интерактивную Карту Google Для Сайта?

  Автор:
  2331

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

Интерактивная карта Google
На блоге Вы можете размещать карты с указанием Вашего офиса, маршрута для путешественников или места достопримечательностей, которые Вы хотите посетить или посетили. Вы можете создать персонализированную карту и указать на ней, что нужно именно Вам.
Сделать это достаточно легко и быстро, так что приступим к процессу.

  1. Откройте сайт https://www.google.ru/maps
  2. Нажмите кнопку «Меню» слева вверху
  3. Выберите в меню «Мои места»
  4. На открывшейся панели во вкладке «Карты» нажмите кнопку «Создать карту»

interaktivnayakartadlyasaita1

  1. В информационном блоке кликните «Карта без названия»
  2. Во всплывшем окне напишите своё название и описание и нажмите «Сохранить»
  3. Созданная карта отобразится во вкладке «Карты» раздела «Мои места»

interaktivnayakartadlyasaita12

  1. Нажмите «Открыть в Моих картах»
  2. Далее кликните на ссылку «Базовая карта» и карты Google предложат несколько вариантов отображения, выберите одну из девяти карт (описание карты появится при наведении мышки на картинку)

interaktivnayakartadlyasaita2

Как добавить объекты на интерактивную карту Google?

  1. Слева нажмите на «Слой без названия»
  2. Во всплывшем окне введите название

В одном слое Вы можете разместить до 2000 объектов, но сами слои вы не можете смешивать, например, пункты и маршруты будут размещены на разных.

interaktivnayakartadlyasaita3

Для начала рассмотрим вариант, когда Вы хотите добавить объект, которого нет в списке Google.

  1. Для создания нового объекта в панеле под строкой поиска нажмите на иконку «Метки».
  2. Кликните мышкой в том месте, которое хотите отметить
    • Во всплывшем окне напишите название компании или офиса
    • Заполните описание, можно указать адрес Вашего сайта, а также добавить видео или картинку, для этого:
    • Нажмите на иконку «Фото»
    • Выберите из предложенных вариантов
    • Нажмите «Выбрать», затем «Сохранить»

interaktivnayakartadlyasaita13

Теперь создадим новый слой и выберем объект из списка Google

  1. В поисковой строке напишите, что хотите отобразить, чтобы перенести объекты из поиска на карту
    В открывшемся списке слева кликните на названиеinteraktivnayakartadlyasaita4
  2. Во всплывшем окне нажмите ссылку «Добавить на карту»
    Объект появится в списке слоя и будет отмечен другим цветом, Вы можете его изменятьinteraktivnayakartadlyasaita5
  3. Отметьте те объекты, которые нужны
    Остальные удалите, нажав крестик в результатах поискаinteraktivnayakartadlyasaita6

К вашему офису можно проложить маршрут

  1. Нажмите кнопку «Проложить маршрут сюда», автоматически создастся новый слой
  2. Введите название пункта А
  3. Нажмите на ссылку «На автомобиле» и выберите способ перемещения «На авто», «На велосипеде», «Пешком»

interaktivnayakartadlyasaita7

Вы можете создать несколько слоёв с разными вариантами маршрута. Когда Вы разместите карту на блоге, то Вы можете настроить отображение определённого участка

  1. Увеличьте/уменьшите карту до необходимых размеров с помощью кнопок +/- внизу слева на карте и нажмите кнопку «Настройки»
  2. Из списка выберите «Задать область просмотра по умолчанию»

interaktivnayakartadlyasaita8

В разделе «Справочный центр — Мои карты» Вы можете узнать о дополнительных настройках https://support.google.com/mymaps

Как разместить интерактивную карту на сайте WordPress?

По умолчанию, когда Вы создали карту, доступ открыт только Вам, только Вы её можете видеть. Для того, чтобы её могли видеть Ваши читатели, откройте к ней доступ

  1. Нажмите «Поделиться»
  2. Нажмите ссылку «Изменить»
  3. В открывшемся окне выберите «Всем в интернет»
  4. Нажмите «Сохранить», далее «Готово»

interaktivnayakartadlyasaita9

  1. Нажмите на «Настройки»
  2. Выберите «Добавить на сайт»
  3. Скопируйте код, нажмите «Ок»

interaktivnayakartadlyasaita10

Вставьте код на страницу блога в режиме Текст. Его Вы можете, как всегда, редактировать вручную.

interaktivnayakartadlyasaita11

Можно добавить интерактивную карту на страницу Контакты или в футер на Ваше усмотрение, например как здесь.

Как добавлять записи на блог Вы можете прочитать в статье Редактор WordPress. Как пользоваться без слёз?

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

 

Информация оказалась полезной? Поделитесь ею с друзьями!

Чуть ниже Вы можете выразить своё мнение, прокомментировав данный материал

Берегите себя! С Верой в Вас и Ваш Успех, Ирина Клепикова

 

Как Сделать Интерактивную Карту Google Для Сайта?

   2 голоса
Средняя оценка: 5 из 5
Вы считаете статью полезной и интересной? Оставьте Ваше мнение в комментариях, оно очень важно! Поделитесь, пожалуйста, с другими - просто нажмите на кнопки ниже:

Получите Бесплатно

PDF-План!

Комментарии в Вконтакте

Комментарии в Фейсбук