www.gmapsapi.com

Kompleksowy kurs podstaw API, po którym mapowianie nie będzie miało przed Tobą żadnych tajemnic!

Setki przykładów, kursów i poradników z kodem gotowym do skopiowania i korzystania.

Największa strona o Google Maps API w Polsce, największe źródło informacji w języku polskim.

Wbudowane kontrolki i sterowanie

Ten artykuł dotyczy najnowszej wersji API

« powrót do listy poradników

Tworzone dotąd mapy nie umożliwiały zbyt dużej interakcji - można je było co najwyżej przesuwać. W tej części kursu dowiesz się, jak udostępnić oglądającemu możliwość wpływania na tryb wyświetlania mapy.

Kontrolka nawigacji podstawowej

Kontrolka

Kontrolka ta pozwala na zmianę poziomu przybliżenia myszą za pomocą ekranowego suwaka, a także przesuwanie mapy w cztery strony świata za pomocą odpowiednich przycisków. Aby dodać kontrolkę do mapy, należy ustawić opcjonalny parametr navigationControl w opcjach mapy na wartość true, na przykład:

var wspolrzedne = new google.maps.LatLng(53.41935400090768,14.58160400390625);
var opcjeMapy = {
	zoom: 10,
	center: wspolrzedne,
	mapTypeId: google.maps.MapTypeId.SATELLITE,
	disableDefaultUI: true,
	navigationControl: true,
};
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 

W linii 6 ustawiono własność disableDefaultUI na false. Dzięki temu, API na starcie nie wyświetli automatycznie żadnej kontrolki - to twórca aplikacji będzie decydował, którą kontrolkę dodać do mapy.

Działanie powyższego kodu możesz sprawdzić w przykładzie 1: