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
ogo14:oltuto
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ogo14:oltuto [2014/05/14 01:04] oertz [Ex8a : Geolocation API] |
ogo14:oltuto [2018/05/16 10:05] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ~~NOTOC~~ | ||
| ====== Workshop OpenLayers v2 ====== | ====== Workshop OpenLayers v2 ====== | ||
| Dans OpenLayers, une carte est un ensemble de couches associée à des contrôles pour gérer l'interaction avec l'utilisateur. Une carte se construit avec trois ingrédients de base : du balisage HTML, des déclarations de style CSS, et du code JavaScript d'initialisation. | Dans OpenLayers, une carte est un ensemble de couches associée à des contrôles pour gérer l'interaction avec l'utilisateur. Une carte se construit avec trois ingrédients de base : du balisage HTML, des déclarations de style CSS, et du code JavaScript d'initialisation. | ||
| Line 550: | Line 549: | ||
| - Créer une application de webmapping avec la composition suivante : | - Créer une application de webmapping avec la composition suivante : | ||
| - une couche de base Google (ex. TERRAIN) | - une couche de base Google (ex. TERRAIN) | ||
| - | - une superposition basée sur la couche //ch.swisstopo.pixelkarte-pk25.metadata-kartenblatt// servie par le serveur WMS http://wms.geo.admin.ch de Swisstopo \\ \\ Illustration du résultat attendu : {{:ogo14:screenshot2.png?200}} | + | - une superposition basée sur la couche //ch.swisstopo.pixelkarte-pk25.metadata-kartenblatt// servie par le serveur WMS http://wms.geo.admin.ch de Swisstopo (voir [[http://www.geo.admin.ch/internet/geoportal/fr/home/services/geoservices/display_services/services_wms.html|doc GeoAdmin]]) \\ \\ Illustration du résultat attendu : {{:ogo14:screenshot2.png?200}} |
| - | - Créer une autre application avec une composition différente selon une couhe de base de votre choix et une autre couche de ce serveur WMS, ou d'un autre. | + | - Créer une autre application avec une composition différente selon une couche de base de votre choix et une autre couche de ce serveur WMS, ou d'un autre. |
| ===== 5. Couche "vector" ===== | ===== 5. Couche "vector" ===== | ||
| Dans les sections précédentes nous avons inséré des couches cartographique sous la forme d'images construites par le serveur avec son moteur cartographique. Un serveur cartographique était donc nécessaire. | Dans les sections précédentes nous avons inséré des couches cartographique sous la forme d'images construites par le serveur avec son moteur cartographique. Un serveur cartographique était donc nécessaire. | ||
| Line 1307: | Line 1306: | ||
| labelYOffset: 12 | labelYOffset: 12 | ||
| </code> | </code> | ||
| - | - Enlever ces deux derniers paramètres; mettre en commentaire l'instruction //Filter// de la description de style //capitals.sld.xml// | + | - Enlever ces deux derniers paramètres; mettre en commentaire l'instruction //Filter// de la description de style //capitals.sld.xml//; ajouter le paramètre suivant à la définition de la layer WMS //cities// :<code> |
| - | \\; ajouter le paramètre suivant à la définition de la layer WMS //cities// :<code> | + | |
| SLD: remoteSLD + "/capitals.sld.xml", | SLD: remoteSLD + "/capitals.sld.xml", | ||
| </code> | </code> | ||
| Line 1377: | Line 1375: | ||
| - Créer une application permettant de calculer la surface d'une zone dessinée par l'utilisateur. | - Créer une application permettant de calculer la surface d'une zone dessinée par l'utilisateur. | ||
| - | ===== OpenLayers Mobile ===== | + | ===== 8. OpenLayers Mobile ===== |
| La librairie, malgré ses 10 ans d'âge est prête pour les applications mobiles. Une version allégée de la librairie JS est disponible pour cet usage, offrant un jeu restreint de fonctionnalités. Une CSS y est également adaptée. | La librairie, malgré ses 10 ans d'âge est prête pour les applications mobiles. Une version allégée de la librairie JS est disponible pour cet usage, offrant un jeu restreint de fonctionnalités. Une CSS y est également adaptée. | ||
| Line 1385: | Line 1383: | ||
| <html> | <html> | ||
| <head> | <head> | ||
| - | <title>OpenLayers Mobile .</title> | + | <title>Ex8a : OpenLayers Mobile</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | ||
| Line 1434: | Line 1432: | ||
| - modifier le paramètre //enableKinetic// à //true// | - modifier le paramètre //enableKinetic// à //true// | ||
| - | ==== Ex8a : Geolocation API ==== | + | ==== Ex8b : Geolocation API ==== |
| <code> | <code> | ||
| <!DOCTYPE html> | <!DOCTYPE html> | ||
| <html> | <html> | ||
| <head> | <head> | ||
| - | <title>OpenLayers Geolocation</title> | + | <title>Ex8b : OpenLayers Geolocation</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | ||
ogo14/oltuto.1400022288.txt.gz · Last modified: 2018/05/16 10:05 (external edit)
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
