Используем карты 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

Эффект при наведении-следующий по направлению курсора

Woocommerce — интернет-магазин на WordPres

23 Бесплатных адаптивных шаблонов для OpenCart

Оформление списка HTML5 с использованием иконок WebFonts

50 бесплатных ресурсов для дизайнера

Модуль авторизации через социальные сети