Interaktywna mapa w przeglądarce internetowej z Leaflet
What you'll learn
- Leaflet
- tworzenie mapy internetowej którą będziesz mógł sam dostosować do swoich potrzeb. Nie ma żadnych ograniczeń, wygląd mapy po przerobieniu kursu, zależeć będzie tylko od Ciebie.
- zamieszczanie na mapie treści oraz zdjęć w popupach i banerach
- nadawanie zdjęciom/mapom odpowiedniej lokalizacji na kuli ziemskiej (nadawanie współrzędnych)
- OpenStreetMap
Requirements
- podstawy programowania w języku HTML, CSS, JS
Description
Kurs obejmuje tworzenie mapy webowej opartej na open-sourcowej dokumentacji Leaflet.
Krok po kroku pokażę jak przygotować mapę, dokładając kolejne elementy, takie jak:
- zoom
- pomiar odległości
- rysowanie,
- legendę,
- dodawanie podkładów jpg, png,
- dodawanie dostępnych podkładów mapowych,
- dodawanie nowych warstw z możliwością ich włączania/wyłączania i nadania im stylów,
- dodawanie przycisków,
- dodawanie paneli tzw sidebarów,
- tworzenie popup,
- zamieszczanie zdjęć,
- geolokalizację
Udostępnione zostaną wszystkie pliki na których pracowaliśmy w ramach kursu wraz z komentarzami, abyś w łatwy sposób mógł przyswoić sobie wiedzę a w przyszłości miał możliwość szybkiego powrotu do poznanego kodu.
Who this course is for:
- GIS
- osoby lubiące czytać i tworzyć mapy
- podstawowa wiedza w programowaniu HTML, CSS i JS będzie ułatwieniem. Jednak kurs jest przygotowany w ten sposób, aby osoba która dopiero zaczyna poznawać wymienione wyżej języki spokojnie opanowała materiał.
Instructor
Od 13 lat pracuję w międzynarodowej firmie consultingowej oferującej specjalistyczne usługi w obszarze doradztwa inżynieryjnego, technologii ochrony środowiska i architektury.
Moim konikiem są mapy. Te papierowe i webowe. Lubię rozwijać swoją wiedzę związaną z oprogramowaniem GIS-owym.
Prowadzę stronę internetową o rodzinnych wycieczkach rowerowych na której oprócz opisu tras znajdziesz mnóstwo map z naszymi przebytymi trasami. Stronę napisałem sam na podstawie zdobytej wiedzy w kursach internetowych (podstawy programowania w języku HTML, CSS, JS).