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
geoinf18:oltuto1
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
geoinf18:oltuto1 [2018/11/28 11:18] oertz [D. Un contrôle LayerSwitcher plus souple] |
geoinf18:oltuto1 [2019/01/08 21:45] (current) oertz [B. Créer une carte, un premier exemple pour comprendre] |
||
|---|---|---|---|
| Line 73: | Line 73: | ||
| </html> | </html> | ||
| </code> | </code> | ||
| - | === TODO === | + | **TODO** https://www.mediamaps.ch/oltuto/Ex1b.html |
| - Remplacer la configuration de la map view comme suit - quelle différence avec précédemment ?<code> | - Remplacer la configuration de la map view comme suit - quelle différence avec précédemment ?<code> | ||
| var v2 = new ol.View({projection: "EPSG:4326"}); | var v2 = new ol.View({projection: "EPSG:4326"}); | ||
| Line 140: | Line 140: | ||
| </html> | </html> | ||
| </code> | </code> | ||
| - | === TODO === | + | **TODO** http://localhost/geoinf/oltuto18/Ex2a.html |
| - Remplacer la source de la couche comme suit :<code> | - Remplacer la source de la couche comme suit :<code> | ||
| source: new ol.source.OSM({ | source: new ol.source.OSM({ | ||
| Line 166: | Line 166: | ||
| L'utilisation d'un cache serveur de tuiles a largement été popularisé par des services propriétaires comme Bing Maps. OpenLayers étant indépendant de toute source de données, l'API offre également un type de couche pour dialoguer avec de tels services. La classe ol.source.BingMaps s'occupe de construire les requêtes pour interagir avec le service de tuiles cartographiques BingMaps : https://msdn.microsoft.com/en-us/library/ff701716.aspx#Anchor_0. | L'utilisation d'un cache serveur de tuiles a largement été popularisé par des services propriétaires comme Bing Maps. OpenLayers étant indépendant de toute source de données, l'API offre également un type de couche pour dialoguer avec de tels services. La classe ol.source.BingMaps s'occupe de construire les requêtes pour interagir avec le service de tuiles cartographiques BingMaps : https://msdn.microsoft.com/en-us/library/ff701716.aspx#Anchor_0. | ||
| - | === TODO === | + | **TODO** https://www.mediamaps.ch/oltuto/Ex2b.html |
| - Partir de l'état initial de l'exemple précédent en adaptant le code JavaScript comme suit, exécuter et analyser la requête générée vers le serveur de tuile BingMaps :<code> | - Partir de l'état initial de l'exemple précédent en adaptant le code JavaScript comme suit, exécuter et analyser la requête générée vers le serveur de tuile BingMaps :<code> | ||
| map = new ol.Map({ | map = new ol.Map({ | ||
| Line 257: | Line 257: | ||
| </code> | </code> | ||
| - | === TODO === | + | **TODO** https://www.mediamaps.ch/oltuto/Ex2c.html |
| - Ajouter l'instruction suivante :<code> | - Ajouter l'instruction suivante :<code> | ||
| navigator.geolocation.getCurrentPosition(locationFixed, locationError); | navigator.geolocation.getCurrentPosition(locationFixed, locationError); | ||
| Line 397: | Line 397: | ||
| </html> | </html> | ||
| </code> | </code> | ||
| - | === TODO === | + | **TODO** https://www.mediamaps.ch/oltuto/Ex3b.html |
| - Apporter la preuve que l'assemblage s'est fait côté client. | - Apporter la preuve que l'assemblage s'est fait côté client. | ||
| - Analyser les paramètres WMS. Lequel représente l'indispensable capacité "server-side" pour permettre l'assemblage client-side par superposition ? | - Analyser les paramètres WMS. Lequel représente l'indispensable capacité "server-side" pour permettre l'assemblage client-side par superposition ? | ||
| Line 559: | Line 559: | ||
| </html> | </html> | ||
| </code> | </code> | ||
| - | === TODO === | + | **TODO** https://www.mediamaps.ch/oltuto/Ex3c.html |
| - Analyser le code ci-dessus et identifier la principale capacité "client-side" de l'API sur laquelle repose ce LayerSwitcher. | - Analyser le code ci-dessus et identifier la principale capacité "client-side" de l'API sur laquelle repose ce LayerSwitcher. | ||
| - Adapter le code pour ajouter à l'équation la couche OSM suivante :<code> | - Adapter le code pour ajouter à l'équation la couche OSM suivante :<code> | ||
| Line 655: | Line 655: | ||
| </html> | </html> | ||
| </code> | </code> | ||
| - | === TODO === | + | |
| + | **TODO** https://www.mediamaps.ch/oltuto/Ex3d.html | ||
| - Comment fonctionne ce [[https://github.com/walkermatt/ol3-layerswitcher|ol3-layerswitcher]] ? (remarquez quelques nouvelles propriétés intéressantes sur ol.layer). | - Comment fonctionne ce [[https://github.com/walkermatt/ol3-layerswitcher|ol3-layerswitcher]] ? (remarquez quelques nouvelles propriétés intéressantes sur ol.layer). | ||
| - Ajouter une baselayer sur un base Bing Maps comme vu à l'Ex2B (ex. Aerial) - **attention** de définir la propriété //title// pour voir la couche dans le sélecteur de couches, le "layerswitcher". | - Ajouter une baselayer sur un base Bing Maps comme vu à l'Ex2B (ex. Aerial) - **attention** de définir la propriété //title// pour voir la couche dans le sélecteur de couches, le "layerswitcher". | ||
| - Ajouter un overlay basé sur la couche //ch.swisstopo.pixelkarte-pk25.metadata-kartenblatt// servie par le serveur WMS http://wms.geo.admin.ch de Swisstopo (//chWMS//, voir aussi la [[http://www.geo.admin.ch/internet/geoportal/fr/home/services/geoservices/display_services/services_wms.html|doc GeoAdmin]]) \\ \\ Illustration du résultat attendu : {{:geoinf16:screenshot2.png?200|}} | - Ajouter un overlay basé sur la couche //ch.swisstopo.pixelkarte-pk25.metadata-kartenblatt// servie par le serveur WMS http://wms.geo.admin.ch de Swisstopo (//chWMS//, voir aussi la [[http://www.geo.admin.ch/internet/geoportal/fr/home/services/geoservices/display_services/services_wms.html|doc GeoAdmin]]) \\ \\ Illustration du résultat attendu : {{:geoinf16:screenshot2.png?200|}} | ||
geoinf18/oltuto1.1543400314.txt.gz · Last modified: 2018/11/28 11:18 by oertz
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
