Купить Корзина
  • Домены и сайты
  • Облако и IT-инфраструктура
  • Вход
  • Телефон в Москве

    +7 495 580-11-11
  • Бесплатный звонок по России

    8 800 555-34-78
  • Или обратитесь в наши офисы

    Региональные номера
    1. База знаний
    2. Создание сайтов
    3. Конструктор Рег.сайт
    4. Работа с модулями Рег.сайт
    5. Как разместить карту на сайте в Рег.сайт

    Как разместить карту на сайте в Рег.сайт

    Карта на сайте может помочь клиентам найти офис компании или фирменный магазин. Добавление карты на сайт состоит из двух этапов:

    • 1.
      Получение ключа Google API.
    • 2.
      Установка модуля на сайт.

    Этап 1. Как получить ключ Google API

    Ключ API – это идентификатор, который используется для аутентификации запросов, связанных с проектом. С каждым проектом должен быть связан хотя бы один API-ключ.

    Чтобы разместить Google-карту на сайте, потребуется API-ключ Google. Без него не получится настроить модуль добавления карты. Если у вас уже есть API-ключ Google, переходите сразу к этапу 2.

    • 1
      Перейдите на сайт https://cloud.google.com.
    • 2

      Авторизуйтесь в Google-аккаунте и в правом верхнем углу нажмите Начни бесплатно (Try free):

      Как получить ключ Google API 1

    • 3

      Запустите сервис Google Cloud Platform. Укажите страну и примите условия использования сервиса. Нажмите Продолжать:

      Как получить ключ Google API 2

    • 4

      Введите остальные персональные данные и нажмите Начать бесплатную пробную версию:

      Как получить ключ Google API 3

    • 5

      В личном кабинете Google Cloud Platform автоматически появится новый проект. Выберите его в левом верхнем углу или создайте новый:

      Как получить ключ Google API 4

    • 6

      В меню выберите API и сервисы (APIs & Services) ― Приборная панель (Dashboard):

      Как получить ключ Google API 5

    • 7

      Нажмите Включить APIS и услуги (Enable APIs and services):

      Как получить ключ Google API 6

    • 8

      Выберите Maps JavaScript API:

      Как получить ключ Google API 7

    • 9

      Нажмите Давать возможность (Enable):

      Как получить ключ Google API 8

    • 10
      Вернитесь к главному меню. Перейдите во вкладку Реквизиты для входа (Credentials) и нажмите Создать учетные данные (Create credentials).
    • 11

      В выпадающем меню выберите Ключ API (API key):

      Как получить ключ Google API 9

    Готово, перед вами появится ключ API:

    Как получить ключ Google API 10

    Дополнительные настройки API

    Также для корректной работы карты должны быть активированы параметры «API геокодирования» (Geocoding API) и «API геолокации» (Geolocation API). Чтобы их активировать:

    • 1

      Перейдите во вкладку «APIs» и в блоке «Дополнительные API» (Additional APIs) выберите API геокодирования (Geocoding API):

      Как получить ключ Google API 11

    • 2

      Нажмите Давать возможность (Enable):

      Как получить ключ Google API 12

    • 3
      Также включите параметр «API геолокации» (Geolocation API).

    Готово, после подключения в блоке «Включенные API» (Enabled APIs) должны находится все подключенные API:

    Как получить ключ Google API 13

    Этап 2. Как добавить карту на сайт в Рег.сайт

    • 1
      Перейдите в режим редактирования сайта.
    • 2
      Нажмите на серый плюс в строке, в которую хотите вставить карту.
    • 3

      Выберите модуль Карта:

      Как получить ключ Google API 14

    • 4

      Нажмите Изменить ключ API:

      Как получить ключ Google API 15

    • 5

      Перед вами откроется окно настройки темы. Найдите строку «Ключ Google API» и вставьте туда свой ключ. Сохраните изменения:

      Как получить ключ Google API 16

    • 6
      Вернитесь к настройке модуля. Теперь в строке «Google API Key» будет ваш ключ. Введите нужный адрес и нажмите Найти.
    • 7

      Как только модуль найдет ваш адрес, нажмите на галочку и сохраните настройки модуля:

      Как получить ключ Google API 17

    Готово, теперь на сайте будет отображаться карта. Во вкладке «Дизайн» можно настроить размер, форму и цвет карты.

    Как отметить конкретную точку на карте

    Чаще всего карту используют, чтобы показать точку, где находится офис организации. Для этого мало показать просто местность на карте. Нужно отметить конкретную точку (булавку).

    Чтобы поставить точку на карте:

    • 1

      Перейдите в настройки модуля Карта, а затем во вкладку Контент. Нажмите Добавить Pin:

      Как получить ключ Google API 18

    • 2

      В настройках Pin введите заголовок, который будет отображаться на карте. Он может быть любой. Например, название организации:

      Как получить ключ Google API 19

    • 3

      Затем введите точный адрес, где должна находиться булавка. Если указатель стоит не на точном месте, его можно передвинуть вручную. Сохраните изменения:

      Как получить ключ Google API 20

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

    Помогла ли вам статья?

    Спасибо за оценку. Рады помочь 😊

     👍
    Специальные предложения
    • Бесплатный хостинг для сайта
    • Дешевый хостинг
    • Бесплатный VPS-сервер
    • Дешёвые VPS
    Рассылка Рег.ру

    Лайфхаки, скидки и новости об IT

    Даю согласие на получение рекламных и информационных материалов

    Домены и сайты
    • Домены
    • Хостинг
    • Создание сайтов
    • SSL-сертификаты
    • VPS и VDS серверы
    • Whois
    • Магазин доменов
    Облако
    и IT-инфраструктура
    • Облачные серверы
    • Частное облако
    • Облачное хранилище
    • Kubernetes в облаке (K8S)
    • Облачные базы данных
    • Выделенные серверы
    Полезное
    • Стоимость услуг
    • Cпособы оплаты
    • База знаний
    • Документы
    • ЭДО
    • Партнерам
    • Сообщить о нарушении
    • РБК: новости России и мира сегодня
    • Новости компаний РФ
    • РБК Инвестиции: курсы валют
    Компания
    • О компании
    • Контакты
    • Офисы
    • Новости
    • Акции и скидки
    • Блог
    • Отзывы клиентов
    8 800 555-34-78 Бесплатный звонок по России
    +7 495 580-11-11 Телефон в Москве
    • vk
    • telegram
    • ok
    • moikrug
    • youtube
    • twitter
    • Облачная платформа Рег.ру включена в реестр российского ПО Запись №23682 от 29.08.2024
    • © ООО «РЕГ.РУ»
    • Политика конфиденциальности
      Политика обработки персональных данных
      Правила применения рекомендательных технологий
      Правила пользования
      и другие правила и политики
    • Нашли опечатку?
      Выделите и нажмите Ctrl+Enter
    • Мы используем cookie и рекомендательные технологии для персонализации сервисов и удобства пользователей. Вы можете запретить сохранение cookie в настройках своего браузера