Стандартні елементи управління веб-картою> блог інтернет технологій

У попередній статті «Починаємо використання API Google карт» я розповів про додавання веб-карти Google на вашій сторінці.

Зараз ми розглянемо попередній приклад більш докладно і я розповім вам про додавання елементів управління цією картою. А саме:

0. Попередній приклад.

- оголошуємо місце відображення карти.

Щоб додати всі функцій управління використовується:
.addControl ();

new GSmallMapControl () - дрібніший елемент масштабування Карт Google. За замовчуванням цей елемент розташовується в лівому верхньому кутку карти.

new GSmallZoomControl () - невеликий елемент керування масштабом.

Ось, як можуть бути застосовані ці функції:
function initialize () if (GBrowserIsCompatible ()) var map = new GMap2 (document.getElementById ( "map"));
map.setCenter (new GLatLng (52.424198,30.962219), 10);
map.addControl (new GLargeMapControl ());
>
>

Ще є два варіанти, зовні змінених, виведення елементів управління. Це GLargeMapControl3D і GSmallZoomControl3D.

2. Масштабна лінійка.
Для додавання масштабної лінійки використовують функцію GScaleControl ().

function initialize () if (GBrowserIsCompatible ()) var map = new GMap2 (document.getElementById ( "map"));
map.setCenter (new GLatLng (52.424198,30.962219), 10);
map.addControl (new GScaleControl ());
>
>

3. Перемикання типів карти.
Для перемикання типів карт використовують функцію GMapTypeControl (). Вона виглядає приблизно ось так:

Передбачено ще один варіант, GHierarchicalMapTypeControl (). Він замінює «супутник» і «гібрид» одним пунктом «супутник». Який, при виборі, дає можливість вибору.
function initialize () if (GBrowserIsCompatible ()) var map = new GMap2 (document.getElementById ( "map"));
map.setCenter (new GLatLng (52.424198,30.962219), 10);
map.addControl (new GMapTypeControl ());
>
>

4. згортається оглядова карта в кутку екрану.
Для відображення короткої оглядової карти в кутку екрану використовується функція
OverviewMapControl ().

function initialize () if (GBrowserIsCompatible ()) var map = new GMap2 (document.getElementById ( "map"));
map.setCenter (new GLatLng (52.424198,30.962219), 10);
map.addControl (new GOverviewMapControl ());
>
>

Використання даних функцій не є обов'язковим. Ви можете вибирати, що відображати поверх вашої карти.