На своем блоге я уже рассказывал Вам об использовании Static API Яндекс.Карт.
В этой заметке я хочу рассказать Вам об аналогичной возможности карт Google.
Для получения статического изображения карты необходимо сформировать ссылку следующего формата:
http://maps.google.com/staticmap?parameters, где parameters — набор параметров
Все параметры разделяются знаком "&" (&).
Подробнее о каждом из параметров я расскажу ниже.
Для отображения изображения карты на странице необходимо создать URL-ссылки и поместить его в тег <img>.
Пример кода:
<p><img border="0" src http://maps.google.com/staticmap?center=56.315455,44.017152&zoom=15&size=400x400&key=ABQIAAAACHCJdlgAEGcD_flKUFEmVhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTeukKcKHF3ezmjTB0q6gzSBmoIUQ&hl=ru" alt="Пример статической карты Google " /></p> |
Рассмотрим подробно каждый из параметров URL-адреса.
center — (требуется при отсутствии маркеров) определяет центр карты, значение задается в виде пары чисел, разделенных запятой (широту, долготу), например, 56.315455,44.017152.
zoom — (требуется при отсутствии маркеров) коэффициент увеличения масштаба, степень увеличения карты.
size — (обязательный параметр) определяет линейные размеры изображения карты в пикселях, первый параметр — горизонтальный размер, второй — вертикальный. Например, значение 500х400 определяет карту шириной 500 пикселей и высотой 400. Максимальное значение ширины и высоты изображения карты 512 пикселей.
maptype — (необязательный параметр) определяет тип карты которую необходимо построить. Существуют два типа статических карт.
roadmap (по умолчанию)определяет стандартное изображение карты, используемое на веб-сайте карт Google. Если параметр maptype не задан, то API статических карт выводит тип roadmap.
mobile — определяет изображение карт для мобилных устройств с более крупными деталями и шрифтами, для обеспечения комфортного просмотра при высоком разрешении на небольшом экране мобильных устройств.
markers — (необязательный параметр) определяет один или несколько маркеров, расположенных на заданных участках изображения. Для нескольких маркеров представляет собой строку определений маркеров, разделенных между собой вертикальной чертой (|). При задании маркеров не требуется указывать обычно обязательные параметры center и zoom.
Каждый маркер записывается в виде строки значений определяющих расположение данного маркера на карте и его визуальные атрибуты, используемые при отображении маркера.
Это следующие преременные:
{latitude} (обязательная переменная) задает значение широты с точностью до 6 десятичных знаков;
{longitude} (обязательная переменная) задает значение долготы с точностью до 6 десятичных знаков;
{color} (необязательная переменная) определяет цвет из палитры {красный, синий, зеленый} (RGB);
{alpha-character} (необязательная переменная) определяет единичную строчную букву латинского алфавита {a-z}.
Например, markers=56.317213,43.993976,bluea — значение широты 56.317213, значение долготы 43.993976, цвет маркера blue (синий), обозначение — a.
key — (обязательный параметр) определяет идентификатор ключа для домена, на котором формируется данных URL-запрос. Если у Вас нет ключа, Вы можете зарегистрироваться и получить его бесплатно
И еще одно замечание, чтобы учесть локализацию надписей на карте для конкретного языка к ключу нужно дописать дополнительный параметр hl, например, для того чтобы названия улиц отображались на русском языке нужно дописать &hl=ru
Приведу несколько примеров использования.
1. Обычная карта с центром в точке 56.317977, 43.944335 и уровнем масштаба 13, размером 400х400 пикселей
http://maps.google.com/staticmap?center=56.317977,43.944335&zoom=13&size=400x400&key=ABQIAAAACHCJdlgAEGcD_flKUFEmVhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTeukKcKHF3ezmjTB0q6gzSBmoIUQ&hl=ru |
2. Та же карта с типом изображения для мобильных устройств размером 250х250 пикселей.
http://maps.google.com/staticmap?center=56.317977,43.944335&zoom=13&size=250x250&maptype=mobile&key=ABQIAAAACHCJdlgAEGcD_flKUFEmVhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTeukKcKHF3ezmjTB0q6gzSBmoIUQ&hl=ru |
3. Карта с тремя маркерами.
Маркер 1 — 56.317213,43.993976, цвет — blue (синий), обозначение — A;
Маркер 2 — 56.323812,44.00481, цвет — red (красный), обозначение — B;
Маркер 3 — 56.31927,44.026297, цвет — green (зеленый), обозначение — C
http://maps.google.com/staticmap?size=512x512&markers=56.317213,43.993976,bluea|56.323812,44.00481,redb|56.31927,44.026297,greenc&key=ABQIAAAACHCJdlgAEGcD_flKUFEmVhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTeukKcKHF3ezmjTB0q6gzSBmoIUQ&hl=ru |
Подробнее про API Статических карт Google можно прочитать здесь.