GIS and Media fusion
"The explosive growth of the GeoWeb and geographic information has made GIS powerful media for the general public to communicate, but perhaps more importantly, GIS have also become media for constructive dialogs and interactions about social issues." - Sui & Goodchild
User Tools
Table of Contents
Cartographie en ligne avec OpenLayers et les standards OGC
OpenLayers est un mapping framework conforme OGC (Open Geospatial Consortium). Ce dernier a pour objectif de définir des standards favorisant l'intéropérabilité des systèmes d'informations géographiques. L'idée de ce tutoriel est d'apprendre à utiliser OpenLayers tout en comprenant la logique d'intéropérabilité par les standards.
Documents
Ce cours s'appuie sur les documents suivants :
- Une VM dédiée au cours et basée sur l'OSGeo Live 5.5 …
- Introduction Open Webmapping [pdf slides]
- Tutoriel OpenLayers/OGCInvalid Linkpdf
- Documentation OpenLayers
- http://docs.openlayers.orgInvalid Linkpdf
- styling framework :
- liste des propriétés graphiques : http://dev.openlayers.org/apidocs/files/OpenLayers/Feature/Vector-js.html
Ressources
Pour la bonne marche du tutoriel, voici les ressources disponibles :
- tous les exemples du tutoriel zip
- l'archive contient aussi la librairie OpenLayers avec toutes les sources
Utilisation
Le tutoriel offre des exemples que vous êtes amenés à manipuler. Il sont déjà déployés et disponibles ici : http://ogo.heig-vd.ch/ologctuto
Même si vous pouvez les déployer sur votre serveur web, nous allons utiliser la VM OGO Live comme serveur d'applications géographique/cartographique (GeoServer) et comme serveur web (Apache) pour servir les applications web du tutoriel.
Intro : navigation carto "from scratch"
- première requête WMS.GetMap :
- pour démarrer :
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
span {
font-weight: bold;
}
#map img {
width: 800;
height: 400;
position: absolute;
top: 50;
}
</style>
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<script type="text/javascript">
var ctrx, ctry, x, y;
$(document).ready(function(){
// Put some code here ...
});
</script>
</head>
<body>
<p>
PAN: <span id="eastBtn">East</span> - <span id="northBtn">North</span> - <span id="westBtn">West</span> - <span id="southBtn">South</span> |
ZOOM: <span id="zinBtn">In</span> - <span id="zoutBtn">Out</span>
</p>
<div id="map">
<img id="layer1" src="http://spin3d.com/Combo.jpg" alt="Put a map here ...">
</div>
</body>
</html>
SLD
- SLD documentation : http://mapserver.org/ogc/sld.html
- Swisstopo OGC :
- Créer une application OpenLayers qui superpose une couche Swisstopo WMS à un fond Google Maps
- Créer un style externe exploitant un attribut de la couche : ch.swisstopo.pixelkarte-pk25.metadata-kartenblatt
Série 3 : requêtes WFS bien utiles
- wfs.DescribeFeatureType :
<DescribeFeatureType version="1.1.0" service="WFS" xmlns="http://www.opengis.net/wfs" xmlns:ogo="http://geosysin.iict.ch/ogo" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.1.0/wfs.xsd"> <TypeName>ogo:cities</TypeName> </DescribeFeatureType>
- wfs.GetFeature
<wfs:GetFeature service="WFS" version="1.1.0" xmlns:ogo="http://geosysin.iict.ch/ogo" xmlns:wfs="http://www.opengis.net/wfs" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.1.0/wfs.xsd"> <wfs:Query typeName="ogo:cities"> <wfs:PropertyName>ogo:wup_capit</wfs:PropertyName> <wfs:PropertyName>ogo:capit_1_0</wfs:PropertyName> </wfs:Query> </wfs:GetFeature>
