jQuery i Google Maps
Tematem tego poradnika będzie aplikacja, wyświetlająca mapę przy użyciu standardowego API, wzbogacona o ciekawe efekty animacji przy użyciu jQuery. W celach demonstracji sposobu współpracy tych dwóch bibliotek, stworzymy własne okno informacyjne do prezentowania informacji na mapie. Więcej informacji o jQuery na oficjalnej stronie: jquery.com.
Przygotowanie
Spakowaną wersję biblioteki jQuery można pobrać z poniższego adresu:
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js. W tym poradniku nie będę zajmował się podstawami jQuery, choć w miarę możliwości będę wyjaśniał, co robi dany kod.
Stworzymy okno, które będzie wyglądało tak:
Potrzebne do tego będą następujące obrazki:
stopka, wskazująca aktualnie wybrany marker
przycisk X do zamykania okna
ozdobne tło wnętrza okna
To tylko fragment całego artykułu. Pełny poradnik ma około 9700 znaków (wartość szacunkowa)
Dostęp do wybranych poradników jest płatny. Płatność odbywa się za pomocą SMSa, po wysłaniu którego otrzymasz kod dostępu do strony. Kod jest ważny przez 9 dni od daty pierwszego użycia, jeden kod odblokowuje na ten okres czasu wszystkie poradniki (płacisz raz, czytasz wiele razy). Koszt jednego SMSa, pozwalającego na 9 dni dostępu do materiałów premium to jedynie 9zł + VAT. O bezpieczeństwo transakcji dba Wapacz, a wiarygodność zapewniają setki zadowolonych klientów.
Płatności SMS pozwalają na szybkie uiszczenie opłaty i natychmiastową realizację transakcji. Kod dostępu do strony otrzymasz SMSem zwrotnym w ciągu kilkunastu sekund od wysłania premium SMSa:
| okres | cena | sposób zapłaty | |
|---|---|---|---|
| 9 dni | 9 PLN + VAT | SMS o treści MP.GMAPSAPI pod numer 7916 |
Jeśli masz już kod...
Wpisz kod w poniższe pole. Wielkość znaków nie ma znaczenia:
Co zyskasz?
- dostęp do profesjonalnie napisanych poradników (jeden kod daje dostęp do wszystkich poradników),
- dostęp do praktycznych przykładów zaawansowanych zastosowań API (jeden kod daje dostęp do wszystkich przykładów),
- brak reklam na stronie (na wszystkich podstronach),
- kod będzie aktywny przez cały swój okres ważności dla wszystkich poradników (także tych, które się w tym okresie pojawią).
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