Efektowny interfejs ze strony Mapy Google

« powrót do listy kategorii

Bardzo ważną częścią każdej aplikacji jest jej interfejs - im bardziej przejrzysty i dobrze zaprojektowany, tym lepiej.

Google przykłada szczególną uwagę do prostoty interfejsów swojej aplikacji, dlaczego więc nie skorzystać z ich osiągnięć, i nie upodobnić swojej własnej mapy w Google Maps API do oryginalnego serwisu maps.google.com? Jest to kwestia zaledwie jednej linijki.

Poniższy kod:

mapa = new GMap2(document.getElementById("mapka"));
mapa.setCenter(new GLatLng(52.06600028274635, 19.00634765625), 6);
mapa.setUIToDefault();

doda do mapy kontrolki, znane z oryginalnych Map Google. Dodatkowo, dzięki tej jednej linijce włączone zostaną:

  • obsługa mapy za pomocą klawiatury (strzałki, klawisze PageUp, PageDown, a także + i -)
  • operowanie poziomem przybliżenia za pomocą kółka myszy

Sprawdź przykład 1, by zobaczyć, jak działa to w praktyce: przykład 1pokaż kod przykładu

Feedback

Dziękujemy za podzielenie się opinią.

Prosimy o podzielenie się swoją opinią o tym artykule.
Oceń ten artykuł w skali 1-7, gdzie 1 to zupełnie się nie zgadzam, a 7 to całkowicie się zgadzam.

1 2 3 4 5 6 7
Artykuł jest przydatny
Artykuł jest zrozumiały
Artykuł rozwiązał mój problem

Dodatkowe komentarze


Jeśli chcesz otrzymać odpowiedź, nie zapomnij podać swojego adresu e-mail w powyższym polu.


Nazw zastrzeżonych użyto w celu identyfikacji produktu oraz w celach informacyjnych. Autor strony nie jest związany z firmą Google. Zawartość strony, w tym teksty i obrazki są chronione prawem autorskim, i należą do autora strony, o ile nie stwierdzono inaczej. Autor nie odpowiada za straty, jakie może nieść szczególnie niewłaściwe użycie API. Strona używa poprawnego języka XHTML STRICT i CSS. Autor dołożył wszelkich starań w celu zapewnienia poprawności działania skryptów, lecz nie może zapewnić, że są one wolne od błędów. Strona jest monitorowana przez oprogramowanie do generowania statystyk Piwik. Copyright © 2007-2009 Poznaj Google Maps API