Dokumentacja imapliteapi

Wielkość: px

Rozpocząć pokaz od strony:

Download "Dokumentacja imapliteapi"

Nina Kamila Brzezińska
6 lat temu
Przeglądów:

1 Dokumentacja imapliteapi Urząd Marszałkowski Województwa Małopolskiego

2 Spis treści: 1. Wprowadzenie Sposób użycia biblioteki imapliteapi Metody API Lista gotowych kompozycji mapowych:

3 1. Wprowadzenie imapliteapi jest to biblioteka javascript umożliwiającą osadzenie mapy na stronie html oraz wywołanie funkcji pozwalającej na wskazanie lokalizacji punktu o zadanych współrzędnych i wyróżnienie go na mapie w postaci markera/pinezki wraz z wyświetleniem informacji tekstowej w dymku. 2. Sposób użycia biblioteki imapliteapi Aby móc korzystać z API na własnej stronie html, należy zaimportować skrypt, poprzez odpowiedni wpis na stronie. Poniżej przykład załadowania skryptu. Lokalizacja źródłowa skryptu jest przykładowa. <script src= type="text/javascript" charset="utf-8"></script> Na stronie html musi obowiązkowy znajdować się element div z nadanym mu identyfikatorem. id. Będzie on stanowił kontener, w którym zostanie umieszczona aplikacja imaplite. <div id="?"> </div> Aby załadować aplikację do utworzonego elementu div, należy dołączyć skrypt na stronie, w którym dokonujemy inicjalizacji API. Odbywa to się za pomocą metody ILITEAPI.init. Przykładowa strona html z inicjalizacją API pokazana jest poniżej. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>imapliteapi - example</title> </head> <script src=" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> function initmap() { ILITEAPI.init({ "divid" : "apimap", "width" : 800, "height" : 600 }); </script> 3

4 <body onload="initmap()"> <div id="apimap"</div> </body> </html> W powyższym przykładzie inicjalizacja API, została dokonana w funkcji javascript initmap(), która z kolei zostaje wykonana w zdarzeniu onload elementu body na stronie. Gwarantuje to załadowanie API po utworzeniu zawartości strony. W przykładzie widać, że metoda ILITEAPI.init zawiera obiekt json, stanowiący wymagana parametry inicjalizacyjne. Opis metody znajduje się w punkcie 3. W przykładzie wymienione są obowiązkowe parametry wejściowe metody ILITEAPI.init. Szerokość i wysokość elementu div o raz jego identyfikator. Poniżej przykład inicjalizacji API z większą ilością opcji(punkt 3). <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>imapliteapi - example</title> </head> <script src=" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> function initmap() { ILITEAPI.init({ "divid" : "apimap", "width" : 800, "height" : 600, "activegpmapid" : "gp0", "activegpmaps" : ["gp0","gp16"], "activegpactions" : ["pan","fullextent"], "scale" : , "marker" : {"x" : , "y" : ,"scale":100000, "title":"lokalizacja","content": Urząd Marszałkowski Województwa Małopolskiego; ul. Racławicka 56, Kraków } }); </script> <body onload="initmap()"> 4

</html> </body> <div id="apimap"</div> Po uruchomieniu takiej strony w przeglądarce, powinniśmy zobaczyć podobny rezultat. 3. Metody API ILITEAPI.init(initCfg,callback?

5 </html> </body> <div id="apimap"</div> Po uruchomieniu takiej strony w przeglądarce, powinniśmy zobaczyć podobny rezultat. 3. Metody API ILITEAPI.init(initCfg,callback?) Metoda która tworzy widok aplikacji z mapą w elemencie div strony html, o podanym identyfikatorze. Parametry wywołania initcfg () Obiekt json z opcjami startowymi aplikacji divid identyfikator(atrybut id) elementu na stronie html, na której odbywa się osadzania imaplite. width int Szerokość div z mapą height int Wysokość div z mapą 5

6 activegpmaps activegpmapid tablica [] lista dostępnych kompozycji mapowych *lista gotowych kompozycji poniżej(pkt.4) identyfikator kompozycji która ładuje się jako pierwsza(startowa kompozycja) callback () activegpactions scale marker initialextent tablica [] int object object lista dostępnych akcji startowy poziom skalowy mapy startowy punkt do którego centruje się mapa. Opisany w punkcie 4. Przykład: "center" : { } "x" : , "y" : , "scale" : 10000, "title" : tytuł dymka, "content" : opis dymka, "show" : true Obiekt zawiera opcje dymku. Extent startowy mapy. Przykład: "initialextent" : { "xmin" : , "ymin" : , "xmax" : , "ymax" : } Jest to funkcja javascript, która będzie wykonana po załadowaniu API oraz wyświetleniu mapy. ILITEAPI.showMarker(x,y,sr,opts?) Wstawia w punkcie o współrzędnych x i y marker/pinezkę Parametry x int Współrzędna x markera. y int Współrzędna y markera opts json Np. "opts" : { 6

7 "id" : "marker1", "deletetime" : 10000, "title" : "title", "content" : "", "show" : true, } id identyfikator markera; Jest parametrem m w przypadku kiedy np. inicjalizujemy aplikację poprzez pokazanie markera na starcie aplikacji i chcemy go potem usunąć używając metody deletemarker. Brak id, spowoduje automatyczne nadanie identyfikatora w aplikacji. Jeśli ustawimy zmienną show na true to pokaże się również dymek. Zastąpi on dymek, który ewentualnie był włączony wcześniej(poprzez inicjalizację API, wyszukanie adresy lub wstawienie startowe markera). Opcje dymku sr odwzorowanie; dopuszczalne wartości: 2180(układ 1992),4326(WGS84) ILITEAPI.deleteMarker(id,deleTime) Usuwa marker o identyfiaktorze id z mapy. id Identyfikator markera na mapie który zostanie usunięty deletetime int[ms] opcjonalne Czas w ms, po którym zostanie usunięty marker z mapy. Brak oznacza natychmiastowe usuniecie. Opcje dymku wyświetlanego przy użyciu metody setmarker lub z użyciem opcji marker w configu lub przy inicjalizacji API. title content show deletetime id boolean Int tytuł dymka; przy wyszukiwaniu brak opcji powoduje wyświetlenie standardowego opisu adresu zawartość dymka(prosty html, ze znacznikami <b> i <a>);przy wyszukanie adresu brak content oznacza standardowy opis dla dresu. pokazanie się automatycznie dymka, po utworzeniu markera Domyślnie: -1 Opcjonalny czas po którym zostanie usunięty marker z mapy; brak oznacza brak automatycznego usunięcia markera Domyślnie: 1 Identyfikator markera. Służy on do usunięcia konkretnego markera z mapy. Jednak obecna wersja pozwala ustawienie jednego markera na mapie, dlatego ten parametr może na razie być pomijany. 7

8 Konfiguracja zasięgu mapy(extent) xmin int Górna lewa współrzędna zasięgu mapy. xmax int Górna prawa współrzędna zasięgu mapy. ymin int Dolna lewa współrzędna zasięgu mapy. ymax int Dolna prawa współrzędna zasięgu mapy 4. Lista gotowych kompozycji mapowych: "gp0" "gp11 "gp15" "gp16" "gp21" "gp23" "gp24" "gp26" "gp27" "gp28" "gp30" "gp31" "gp39" "gp40" "gp85" "gp138" "gp139" Ortofotomapa Topografia MIASTO KRAKÓW - MAPA GEODEZYJNA UMK (BDOT) Baza Danych Obiektów Topograficznych Nieruchomości województwa Obiekty turystyczne Specjalna Stefa Ekonomiczna Szlaki tematyczne Źródła promieniowania elektromagnetycznego Gospodarka odpadami Zabytki Szpitale Hydrogeoróżnorodności Województwa Małopolskiego Produkty regionalne i tradycyjne (BDOT 10k) Baza Danych Obiektów Topograficznych Aglomeracje wodne Obręby ochronne w granicach obwodów rybackich Kontakt techniczny: Ilona Patlewicz - Podinspektor ds. Przetwarzania Danych Przestrzennych Urząd Marszałkowski Województwa Małopolskiego Departament Rolnictwa i Geodezji Wydział Geodezji tel.: ipat@geomalopolska.pl 8

Podobne dokumenty

imapliteapi Dokumentacja Wersja 1.06

imapliteapi Dokumentacja Wersja 1.06 Spis treści 1 WPROWADZENIE... 3 2 SPOSÓB UŻYCIA BIBLIOTEKI IMAPLITEAPI... 3 3 METODY API... 7 4 KONFIGURACJA APLIKACJI IMAPLITE... 12 5 PRZYKŁADOWY PLIK KONFIGURACYJNY...