API Статических карт Google

На своем блоге я уже рассказывал Вам об использовании 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>

Пример статической карты Google

Рассмотрим подробно каждый из параметров 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

Пример статической карты Google - Обычная карта с центром в точке 56.317977, 43.944335 и уровнем масштаба 13, размером 400х400 пикселей

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

Пример статической карты Google -  Та же карта с типом изображения для мобильных устройств размером 250х250 пикселей

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

Пример статической карты Google -  Карта с тремя маркерами

Подробнее про API Статических карт Google можно прочитать здесь.

  • Георгий Макаров: а как задать не координаты, а конкретный адрес с улицей и домом?