jQuery i Google Maps
« powrót do listy kategorii
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 ograniczony
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:
PayPal pozwala na bezpieczne płacenie w internecie za pomocą kart płatniczych i kredytowych, oraz za pomocą środków, zgromadzonych na koncie PayPal. Kod dostępu do strony otrzymasz mailem w ciągu kilkunastu sekund od zakończenia płatności w PayPal.
Dla płacących przez PayPal obowiązują promocyjne ceny, a także zróżnicowane okresy dostępu:
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ą).
