Используем карты Google для увеличения посещаемости


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

Используем карты Google для увеличения посещаемости вашего магазина.

Используем карты Google для увеличения посещаемости вашего магазина.

Обзор урока

o Google Maps API
o Получаем координаты
o Встраиваем карту в ваш сайт
o Добавляем маркеры
o Настройка маркеров
o Добавляем информационные блоки

Google Maps API

Google Maps API позволяет встраивать карты прямо в страницы вашего сайта. Для чего вам потребуется немного JavaScript, а для создания красивого оформления — немного CSS. Только что выпущена Google Maps API версия 3 и мы именно ее возьмем за основу. Вы можете ознакомиться со всей документацией на Google Labs, и пока будете просматривать информацию обязательно получите ключ к API Карт.

Получаем координаты

Полагаю, что вы, врядли, знаете точные координаты расположения вашей фирмы, поэтому объясню вам очень простой способ для их получения, который предлагает Google. Зная точный адрес вы можете вписать его в URL-адрес следующим образом:

 

Previous АДАПТИВНЫЕ ВКЛАДКИ - RESPONSIVE TABS
Next Всплывающая подпись к картинке при наведении с помощью CSS3

Suggested Posts

Создаем портфолио с помощью WordPress плагина Projects от WooThemes

Адаптивный шаблон Opencart 2.1.0.1-2.1.0.2 — Magazin

Категория аккордеон на Opencart 2.x без модуля

45 бесплатных адаптивных HTML5-шаблонов

20 свежайших JQuery плагинов для улучшения интерфейса

Выбираем лучшее облачное хранилище