Wyświetlanie listy widocznych markerow
« powrót do listy poradników
W poprzednich poradnikach (np. Dodanie funkcjonalnego paska bocznego) przedstawiono tworzenie paska bocznego z listą markerów. W tym poradniku stworzymy podobną aplikację - różnica polegać będzie jedynie na tym, że na liście widoczne będą jedynie markery, które w danym momencie są widoczne na mapie (przy danym poziomie przybliżenia i wycentrowaniu). Efekt działania ma być następujący:
Zacznijmy od szkieletu HTML, umiejscawiając kontener mapy oraz paska bocznego:
<table style="width: 700px; border: 0; border-collapse: collapse;">
<tr>
<td valign="top" style="width: 510px;">
<div id='mapka' style='width: 500px; height: 400px; border: 1px solid black; background: gray;'>
<!-- tu będzie mapa -->
</div>
</td>
<td valign="top" id="pasek">
<div id="licznik"></div>
<ul id="lista"></div>
</td>
</tr>
</table>
W tym przykładzie do mapy dodamy kilkanaście markerów, których dane przechowywane są w tablicy w następującej notacji:
To tylko fragment całego artykułu. Pełny poradnik ma około 10300 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ą).
