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
geoinf14:oltuto
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
geoinf14:oltuto [2014/12/02 14:54] oertz [Ex5B : OpenLayer.Layer.Vector sous la loupe] |
geoinf14:oltuto [2018/05/16 10:05] (current) |
||
|---|---|---|---|
| Line 10: | Line 10: | ||
| </code> | </code> | ||
| * Il faut alors **utiliser ce {{:geoinf14:proxy_2.php.zip|proxy_2.php}}** qui fonctionne aussi avec des requêtes HTTPS et qui est **à utiliser dans js/config.js**. | * Il faut alors **utiliser ce {{:geoinf14:proxy_2.php.zip|proxy_2.php}}** qui fonctionne aussi avec des requêtes HTTPS et qui est **à utiliser dans js/config.js**. | ||
| - | * A noter pour la suite, ceci qui pourra être très utile : [[http://dev.openlayers.org/releases/OpenLayers-2.12/doc/apidocs/files/OpenLayers-js.html|OpenLayers API docs]], [[http://dev.openlayers.org/examples|OpenLayers examples]] | + | * A noter pour la suite, ceci qui pourra être très utile : [[http://dev.openlayers.org/docs|OpenLayers API docs]], [[http://dev.openlayers.org/examples|OpenLayers examples]] |
| ==== Ex1A : créer une carte, un premier exemple pour comprendre ==== | ==== Ex1A : créer une carte, un premier exemple pour comprendre ==== | ||
| Line 462: | Line 462: | ||
| $(document).ready(function(){ | $(document).ready(function(){ | ||
| map = new OpenLayers.Map('map'); | map = new OpenLayers.Map('map'); | ||
| - | map.addControl(new OpenLayers.Control.LayerSwitcher()); | + | map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false})); |
| | | ||
| world = new OpenLayers.Layer.WMS( | world = new OpenLayers.Layer.WMS( | ||
| Line 472: | Line 472: | ||
| }, { singleTile: true } | }, { singleTile: true } | ||
| ); | ); | ||
| - | map.addLayer(world); | + | |
| | | ||
| cities = new OpenLayers.Layer.WMS( | cities = new OpenLayers.Layer.WMS( | ||
| Line 480: | Line 480: | ||
| layers: 'public.cities', | layers: 'public.cities', | ||
| format: 'image/png' | format: 'image/png' | ||
| - | }, { singleTile: true } | + | }, { singleTile: true,isBaseLayer:false } |
| ); | ); | ||
| + | map.addLayer(world); | ||
| map.addLayer(cities); | map.addLayer(cities); | ||
| + | |||
| map.setCenter(new OpenLayers.LonLat(7, 47), 5); | map.setCenter(new OpenLayers.LonLat(7, 47), 5); | ||
| }); | }); | ||
| Line 497: | Line 499: | ||
| <div id="map"></div> | <div id="map"></div> | ||
| </body> | </body> | ||
| - | </html> | + | </html>> |
| </code> | </code> | ||
| Line 684: | Line 686: | ||
| // on construit et ajoute au tableau une feature composé d'une géométrie (ici Point) | // on construit et ajoute au tableau une feature composé d'une géométrie (ici Point) | ||
| ptGeom = new OpenLayers.Geometry.Point(tabCapital[0],tabCapital[1]); | ptGeom = new OpenLayers.Geometry.Point(tabCapital[0],tabCapital[1]); | ||
| - | ptGeom = ptGeom.transform("EPSG:4326", "EPSG:900913"); | + | ptGeom = ptGeom.transform("EPSG:4326", "EPSG:3857"); |
| // que le constructeur utilise pour alimenter la propriété feature.geometry | // que le constructeur utilise pour alimenter la propriété feature.geometry | ||
| features[i] = new OpenLayers.Feature.Vector(ptGeom); | features[i] = new OpenLayers.Feature.Vector(ptGeom); | ||
| // et d'un tableau asssociatif feature.attributes pour chaque attribut à y associer (ici un seul, nom) | // et d'un tableau asssociatif feature.attributes pour chaque attribut à y associer (ici un seul, nom) | ||
| - | features[i].attributes["nom"] = tabCapital[2]; | + | features[i].attributes.nom = tabCapital[2]; |
| } | } | ||
| // le tableau est ajouté à la couche pour afficher les entités | // le tableau est ajouté à la couche pour afficher les entités | ||
| Line 710: | Line 712: | ||
| __TODO__ | __TODO__ | ||
| - Inspecter l'objet OpenLayers qui gère la persistence de ces entités géographiques côté client (ex. avec Firebug) | - Inspecter l'objet OpenLayers qui gère la persistence de ces entités géographiques côté client (ex. avec Firebug) | ||
| - | - Adapter le code pour une source de données similaire contenant un attribut de plus comme suit :<code>2.3332999999999999 48.866700000000002 Paris France,7.4333 46.950000000000003 Bern Germany,12.5 41.883299999999998 Rome Italy,-3.71 40.409999999999997 Madrid Spain</code> | + | - Adapter le code pour une source de données similaire contenant un attribut de plus comme suit :<code>2.3332999999999999 48.866700000000002 Paris France,7.4333 46.950000000000003 Bern Suisse,12.5 41.883299999999998 Rome Italy,-3.71 40.409999999999997 Madrid Spain</code> |
| - et réinspecter pour vérifier. | - et réinspecter pour vérifier. | ||
| ===== 6. Style "vector" ===== | ===== 6. Style "vector" ===== | ||
geoinf14/oltuto.1417528481.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
