I förra inlägget så visade jag hur du kan skapa en lättadministrerad WMS tjänst baserad på QGIS och QGIS-Server, installerad på Xubuntu.
Data skapad i QGIS och sparad som test.qgs i katalogen /usr/lib/cgi-bin/qgis/
I detta inlägg lägger jag till en webbklient som gör WMS tjänsten direkt tillgänglig via en webbläsare på nätverket.
Börja med att ladda hem Leaflet till webbserverns rootkatalog genom att öppna ett terminalfönster och skriva in följande:
wget https://github.com/Leaflet/Leaflet/zipball/v0.5.1
unzip v0.5.1
sudo cp -r Leaflet-Leaflet-0deed73/dist/ /var/www/leaflet
Som i förra inlägget så ändrar jag rättigheter och skapar en symbolisk länk i hemkatalogen till webbserverns root-katalog:
sudo chmod 777 /var/www
sudo ln -s /var/www
Sedan går det att använda vilken textredigerare som helst (eller motsvarande), och skapa websidan som skall visa kartan i webbroten. Jag skapar en fil jag döper till test.htm som bland annat innehåller denna text:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”leaflet/leaflet.css” />
<script type=”text/javascript” src=”leaflet/leaflet.js”></script>
</head>
<body>
<H1>QGIS Server WMS</H1>
<div id=”map” style=”width:1200px; height:800px;”></div>
<script type=”text/javascript”>
var map;
var qgis=new L.TileLayer.WMS(”http://IP-adress/cgi-bin/qgis/qgis_mapserv.fcgi”, {
layers: ’test’,
format: ’image/png’
});
map=new L.Map(’map’, {
center: new L.LatLng(0,0),
zoom: 7,
layers: [qgis],
zoomControl: true
});
</script>
</body>
</html>
WMS lagret som används är det som skapades i förra inlägget även det kallat ”test” och IP-adressen är serverns IP adress och den tar du reda på med terminalkommandot ifconfig.
OBS: Om du använder ”copy” ”paste” med texten ovan så måste du nog manuellt ersätta alla ’ och ” tecken, då dessa har en annan teckenkod än vad de borde ha i html-kod.
När du skapar dina egna data så får du ändra siffrorna i LatLng(0, 0), som anger centrumkoordinaten för webbkartan.
Sedan är det bara att öppna sidan i valfri webbläsare, antingen lokalt eller via nätverket.
Den nyss skapade hemsidan med karta från QGIS-Server WMS.
Det enda du behöver göra för att ändra kartan är att redigera QGIS projektet och spara det på nytt.
Bygg på HTML koden med mer text och annat innehåll precis som du vill. Läs även på lite om vad som går att göra med Leaflet för att styra exempelvis olika lager och extra symboler, pop-up fönster med mera.
Lycka till!
I nästa inlägg så visar jag hur du skapar en VNC server på datorn så att det går att fjärransluta till den från en annan dator på nätverket och därmed sköta administrationen från en annan plats än serverrummet.