Menu
  • Hem
  • Dokument
  • Om Mig
Geosupportsystem

Enkel Webbklient till enkel WMS

Posted on 2013-04-09

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.

Skärmbild från 2013-04-07 18:47:01

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.

Skärmbild från 2013-04-07 18:48:52

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.

Lämna ett svar Avbryt svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Translate with Google

GBR In English
GER Auf Deutch
FRA En Français
ESP En Español
Swedish is a hard language for a machine to translate. Nuance and detail will likely be lost.
     

Bok om QGIS på Svenska

Bok

Beställ Boken/E-bok genom att klicka på bilden (även förhandsgranskning).

Senaste kommentarer

  • klakar om Laga hål i höjddata
  • Per Ekström om Laga hål i höjddata
  • Sur om Mera verktyg i QGIS
  • Anton om ”Mobile *.Geodatabase”
  • Fredrik Ekberg om Ingen är oskyldig

Arkiv

Prenumerera på Geosupportsystem

Skriv in namn och epost för att prenumerera på meddelanden från denna blogg.
Loading

geosupport

TrueNAS bygge. @fractaldesignna Define R5 är rikt TrueNAS bygge. @fractaldesignna Define R5 är riktigt trevlig att bygga i, och den sväljer väldigt mycket disk. Här skall virtualiseras både PostGis, WebODM och Geonode så småningom.
Då har jag lite att bläddra i ett tag framöver. Då har jag lite att bläddra i ett tag framöver.
YouTube video to frames. Processed in OpenDroneMap YouTube video to frames. Processed in OpenDroneMap and visualized in QGIS 3.17.
Ladda mer...

Meta

  • Logga in
  • Flöde för inlägg
  • Flöde för kommentarer
  • WordPress.org
©2021 Geosupportsystem | WordPress Theme by Superbthemes.com