БелиберDA

Интеграция сервиса "Карты Google" (Google Maps) в Ваш сайт или блог позволит пользователям и читателям получать интерактивные данные для понимания местоположения каких-либо событий, мероприятий или бизнес встреч.

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

Но Blogger не имеет на борту встроенной функции размещения на своих страницах Карт от Google.
К счастью существует простой способ добавлять карты в сообщения. При этом не нужно вносить каких-либо изменений в шаблон блога ;)

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

Вот например карта Моховой улицы в Москве, Россия:

Просмотреть увеличенную карту

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

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

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

Например чтобы найти Кремль просто введите: "Кремль, Москва"
Результат Вы увидите на экране. Это будет выглядить так (кликните для увиличения)

Теперь эту карту нам нужно вставить в сообщение на блоге или сайте. Для этого необходимо получить код для ее отображения. Нажмите кнопку "Ссылка" в правом верхнем углу карты.

И в появившемся меню выберите "Настройка и предварительный просмотр встроенной карты". Это позволит настроить размер отображаемой карты для блога.

Если на блоге стоит стандартный шаблон оформления, тогда лучше выбрать "Малый" размер карты, который займет 300px.

Также можно выбрать другие размеры (или даже задать свой), только будьте уверены, что карта не вылезет на пределы сообщения =/

Теперь скопируйте код из третьего пункта.

Создайте новое сообщение на блоге и перейдя в режим "Изменить Html" и вставьте скопированный код.

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