Changeset 80 for trunk/workshop-routing-foss4g/web/routing-final.html
- Timestamp:
- 02/04/2012 02:38:35 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/workshop-routing-foss4g/web/routing-final.html
r76 r80 2 2 <head> 3 3 4 <title> A Basic GeoExt Page</title>4 <title>Une page GeoExt de base</title> 5 5 <script src="ext/adapter/ext/ext-base.js" type="text/javascript"></script> 6 6 <script src="ext/ext-all.js" type="text/javascript"></script> … … 17 17 <script type="text/javascript"> 18 18 19 // global projection objects (uses the proj4js lib)19 // Objets globaux projection (utilise la librairie proj4js) 20 20 var epsg_4326 = new OpenLayers.Projection("EPSG:4326"), 21 21 epsg_900913 = new OpenLayers.Projection("EPSG:900913"); … … 23 23 function pgrouting(store, layer, method) { 24 24 if (layer.features.length == 2) { 25 // erase the previous route25 // Effacer le chemin précédent 26 26 store.removeAll(); 27 27 28 // transform the two geometries from EPSG:900913 toEPSG:432628 // Re-projÚte les deux géométries de EPSG:900913 et EPSG:4326 29 29 var startpoint = layer.features[0].geometry.clone(); 30 30 startpoint.transform(epsg_900913, epsg_4326); … … 32 32 finalpoint.transform(epsg_900913, epsg_4326); 33 33 34 // load to route34 // Charge le chemin 35 35 store.load({ 36 36 params: { … … 44 44 45 45 Ext.onReady(function() { 46 // create the map panel46 // Création du paneau carte 47 47 var panel = new GeoExt.MapPanel({ 48 48 renderTo: "gxmap", … … 58 58 var map = panel.map; 59 59 60 // create the layer where the route will be drawn60 // Création de la couche où le chemin sera dessiné 61 61 var route_layer = new OpenLayers.Layer.Vector("route", { 62 62 styleMap: new OpenLayers.StyleMap(new OpenLayers.Style({ … … 66 66 }); 67 67 68 // create the layer where the start and final points will be drawn68 // Création de la couche où le point de départ et d'arrivée sront dessinés 69 69 var points_layer = new OpenLayers.Layer.Vector("points"); 70 70 71 // when a new point is added to the layer, call the pgrouting function71 // Lorsqu'un nouveau point est ajouté à la couche, appeler la fonction pgrouting 72 72 points_layer.events.on({ 73 73 featureadded: function() { … … 76 76 }); 77 77 78 // add the layers to the map78 // Ajouter la couche à la carte 79 79 map.addLayers([points_layer, route_layer]); 80 80 81 // create the control to draw the points (see the DrawPoints.js file)81 // Création du control pour dessiner les point (voir le fichier DrawPoints.js) 82 82 var draw_points = new DrawPoints(points_layer); 83 83 84 // create the control to move thepoints84 // Création du control pour déplacer les points 85 85 var drag_points = new OpenLayers.Control.DragFeature(points_layer, { 86 86 autoActivate: true 87 87 }); 88 88 89 // when a point is moved, call the pgrouting function89 // Lorsqu'un point est déplacé, appeler la fonction pgrouting 90 90 drag_points.onComplete = function() { 91 91 pgrouting(store, points_layer, method.getValue()); 92 92 }; 93 93 94 // add the controls to the map94 // Ajouter les controls à la carte 95 95 map.addControls([draw_points, drag_points]); 96 96 97 // create the store to query the web service97 // Création du store pour interroger le service web 98 98 var store = new GeoExt.data.FeatureStore({ 99 99 layer: route_layer, … … 112 112 }); 113 113 114 // create the method combo box114 // Création de la liste déroulante 115 115 var method = new Ext.form.ComboBox({ 116 116 renderTo: "method", … … 129 129 } 130 130 }); 131 // default method is Shortest Path Dijkstra131 // Définir Disjkstra comme méthode par défaut 132 132 method.setValue("SPD"); 133 133 });
Note: See TracChangeset
for help on using the changeset viewer.