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.

Porzucenie interakcji mapy

Ten artykuł dotyczy API w wersji 2

« powrót do listy poradników

Mapy Google są interaktywne, pozwalają użytkownikowi przesuwać obszar widzenia czy też zmieniać poziom przybliżenia. Czasem jednak pożądanym zachowaniem może być zablokowanie możliwości przesuwania obszaru widzenia i poziomu przybliżenia (np. dla map dojazdu lub podobnych zastosowań). Ten tutorial pokazuje, jak sprawić, by mapa symulowała "bycie statycznym obrazkiem".

Kroki

Aby mapa udawała statyczny obraz, należy:

  1. nie dodawać żadnych kontrolek do nawigacji
  2. zablokować przeciąganie
  3. zablokować przybliżanie i oddalanie przez podwójne kliknięcie lewym przyciskiem myszy
  4. (opcjonalnie, jeśli marker nie posiada żadnych dodatkowych informacji) ustawić pasywne wyświetlanie markerów
  5. (opcjonalnie) wyłączyć możliwość kliknięcia na logo Google (najechanie myszą zmienia kursor, zablokujemy to)

Działanie

Oto gotowy kod, który wykonuje powyższe założenia:

function mapaStart()   
{   
    if(GBrowserIsCompatible())
    {   
        var mapa = new GMap2(document.getElementById("mapka"),{logoPassive: true});   
        mapa.setCenter(new GLatLng(53.42222222,14.551944444),16,G_NORMAL_MAP); 
		mapa.addOverlay(new GMarker(new GLatLng(53.42222222,14.551944444),{clickable: false}));
		mapa.disableDoubleClickZoom();
		mapa.disableDragging();
    }   
}  

W linii 5 przekazaliśmy mapie informację, że logo Google ma być nieklikalne (wartość logoPassive ustawiona na true). W linii 7 przy dodawaniu markera również nakazujemy mu być nieklikalnym, poprzez ustawienie własności clickable na false. W liniach 8 i 9 wyłączamy kolejno zmianę zoomu przez podwójne kliknięcie myszką, a potem wyłączamy przeciąganie.

Oto rezultat działania: