Wprowadzenie do GeoportalLite

GeoportalLite jest biblioteką komponentów javascript pozwalającą na proste skomponowanie i osadzenie aplikacji mapowej na stronie html. Podstawą komponowanej aplikacji są mapy bazowe opracowane w oparciu o zbiory danych PZGIK, zestaw niezbędnych funkcji i narzędzi oraz zbiór danych użytkownika. Dzięki GeoportalLite w prosty i przejrzysty sposób można zaprezentować przestrzenne dane użytkownika na podkładach danych BDOT czy ORTO. GeoportalLite został wykonany przy użyciu oprogramowania iMapLite, w którym zastosowano otwartą bibliotekę Leaflet.

Sposób użycia GeoportalLite

Oprogramowanie iMapLite pozwala skomponować aplikację mapową poprzez użycie dostarczonych gotowych komponentów lub zastosowanie otwartej biblioteki Leaflet wraz z rozszerzeniami.

Poniżej przedstawiono przykłady zastosowania GeoportalLite prezentujące dodanie punkt na mapie za pomocą obu w/w sposobów.

Zastosowanie gotowych komponentów oprogramowania iMapLite

Należy umieścić w kodzie swojej strony poniższy link:

<script src="https://mapy.geoportal.gov.pl/iMapLite/api/cdn/2.0.0/imgp-map/imap-lite-api.js"></script>

odpowiadający z uruchomienie komponentu okna mapy udostępniającego mapę bazową oraz

<link rel="import" href="https://mapy.geoportal.gov.pl/iMapLite/api/cdn/2.0.0/imgp-map/imgp-map-layer-marker.html">

odpowiadający z uruchomienie komponentu dodawania punktu oraz

<imgp-map id="map1" style="width:100%; height:400px;" zoom="10" center="[52.188700, 21.011649]" epsg="2180:G2" basemap="G2:ORTO">
  <imgp-map-layer-marker id="marker1" coordinates="[52.188700, 21.011649]" visible title="Testowy tooltip" icon="{
      "marker-symbol": "star",
      "marker-size": "medium",
      "marker-color": "red"
  }" show-popup popup-content="<b>Witaj w iMapLite</b></br>Warszawa,</br> ul. Woronicza 17"></imgp-map-layer-marker>
</imgp-map>

odpowiadający za konfigurację w/w komponentów.

Rezultat

Zastosowanie otwartej biblioteki Leaflet

Należy umieścić w kodzie swojej strony poniższy link:

<script src="https://mapy.geoportal.gov.pl/iMapLite/api/cdn/2.0.0/imgp-map/imap-lite-api.js"></script>

odpowiadający z uruchomienie komponentu okna mapy udostępniającego mapę bazową oraz

<imgp-map id="map2" style="width:100%; height:400px;" zoom="10" center="[52.188700, 21.011649]" epsg="2180:G2" basemap="G2:ORTO"></imgp-map>

odpowiadający za konfigurację mapy bazowej oraz skrypt:

<script>
	document.addEventListener("WebComponentsReady", function() {
		var map = document.getElementById("map2").map;
		L.marker([52.188700, 21.011649])
			.addTo(map)
			.bindPopup('Marker Leaflet.<br> iMapLite + Leaflet.')
			.openPopup();
	});
</script>

odpowiadający za dodanie punktu.