xandeadx.ru Блог музицирующего веб-девелопера

Разное → Как добавить на страницу карту Google со своей меткой и описанием

Опубликовано в

Информация устарела. Пользуйтесь официальным мастером создания карт.

Процесс создания своей карты с меткой и описанием:

  1. Логинимся в Google.

  2. Открываем Google Maps.

  3. Переходим по ссылке Мои карты:

  4. Кликаем на ссылку Создать новую карту:

  5. Заполняем название карты и выбираем тип доступа:

  6. Жмём на иконке Добавить метку:

  7. Ставим метку в нужную точку на карте и заполняем название, описание:

  8. Жмём кнопку Ок, затем Готово:

  9. Слева, кликаем по названию созданной метки:

  10. Справа кликаем по ссылке Ссылка и копируем код из поля HTML-код для добавления на веб-сайт:

  11. Вставляем код на нужную страницу.

Рекомендую проделывать всё в браузере Google Chrome. У меня в Opera были проблемы с генерацией кода карты.

Похожие записи

Комментарии RSS

Я всё сделала как Вы написали, но у меня почему то только ссылка на карту, а самой карты на сайте так и нет. Что мне нужно сделать, чтобы карта появилась на сайте? Спасибо!

Спасибо )

Спасибо! Очень доходчиво и понятно.

Спасибо, долго искал, очень помогло.

Так же(((

УРА! Огромное спасибо!!! Сделала за 2 минуты :)

Не получается сделать полноценную метку на карте. Метка при наведении мыши скачет и комментарий написать невозможно. Это глюк или у кого еще так было?

Спасибо, очень удобный инструмент. Автор молодец!

А у меня не появляется справа окошко с кодами... Хоть убейся и затыкай слева на название объекта ((((((((((

Спасибо огромное!

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

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании