HomeHomeDatacrossing DSSDatacrossing DSSThe GRIDThe GRIDApplicationApplicationDocumentationDocumentation
PATH: » Documentation » mscross ITA  ENG  FRA  
 
Equipe Publications Bibliographie Versions msCross Liens Google Map
 

msCross: AJAX (WEB 2.0) Client WEB GIS

msCross est un Client WEB GIS écrit en AJAX(2.0), né initialement comme interface Javascript pour UMN Mapserver.
Avec les versions successives se sont ajoutés quelques standards diffusés par l'Open Geospatial Consortium comme WFS et WMS, qui rendent msCross compatible avec les nombreux logiciels GIS server.
msCross a été développé pour être crossbrowser.
L'objectif de msCross est d'aider les développeurs dans la création d'applications WEB GIS avancées, en utilisant des instruments complètement Free Software et une interface API programmable très puissante dans le style Google Map.
msCross est contenu dans un simple fichier source, très léger et très simple à utiliser
Le projet SourceForge de msCross se trouve ici : http://sourceforge.net/projects/mscross

Importante:
Si tu es intéressé à participer activement au développement de msCross, écris à l'adresse datacrossing@crs4.it

Il a été testé avec les browser suivants :
  1. Mozilla Firefox >= 1.0.5
  2. Internet Exploer >= 6.0
  3. Opera >= 8.51
Caractérstiques:
  1. Free Software, distribué sous licence GPL (Open Source)
  2. Large fonction client
  3. Cross-browser / cross-platform
  4. Utilisation immédiate (un seul fichier javascript, ne requiert pas d'installation)
  5. Facilement personnalisable et extensible
  6. Utilise la technologie AJAX (Asynchronous JavaScript and XML)
  7. Support interface CGI d'UMN Mapserver
  8. Support d'Overlay ponctuels "sensibles"
  9. Support OGC WFS client (Web Feature Service di Open Geospatial Consortium: pdf) pour il chargement de couches de points
  10. new Support OGC WMS client (Web Map Service, Open Geospatial Consortium: pdf)
  11. new Personnalisation complète de la barre d'outils
  12. new Modalités de débuggage
Développements futurs :
  1. Overlay de lignes et de polygones
  2. Query features alphanumériques par le biais du protocole WMS
 Screenshot 1
Un exemple de webgis

Screenshot 2
Exemple d'Overlay (WFS)

Screenshot 3
Visualisation des simulations

Screenshot 4
Protocole OGC WMS

Télécharger

  1. mscross.js v1.1.9 (date: 20070218)
  2. mscross.js v1.1.8 (date: 20061012)
  3. mscross.js v1.1.7 (date: 20061007)
  4. mscross.js v1.1.6 (date: 20060830)
  5. mscross.js v1.1.5 (date: 20060706)
  6. mscross.js v1.1.4 (date: 20060628)
  7. mscross.js v1.1.2 (date: 20060502)
  8. mscross.js v1.0 (date: 20060207)
  1. Standard Icons (date:20060905)

Exemple 1 (Carte principale + références)

<html>
  <head>
   <title>msCross Sample Test</title>
   <script src="mscross.js" type="text/javascript"></script>
  </head>
  <body>

   <div style="width: 460px; height: 400px;" id="map_tag"></div>
   <div style="width: 190px; height: 400px;" id="ref_tag"></div>

   <script type="text/javascript">
     //<![CDATA[
     myMap1 = new msMap( document.getElementById('map_tag') );
     myMap1.setCgi( '/cgi-bin/mapserv' );
     myMap1.setFullExtent( Xmin, Xmax, Ymin );
     myMap1.setMapFile( '/home/user/map_files/mymapfile.map' );
     myMap1.setLayers( 'layer1 layer2 layer3' );

     myMap2 = new msMap( document.getElementById('ref_tag') );
     myMap2.setCgi( '/cgi-bin/mapserv' );
     myMap2.setActionNone();
     myMap2.setFullExtent( Xmin, Xmax, Ymin );
     myMap2.setMapFile( '/home/user/map_files/mymapfile.map' );
     myMap2.setLayers( 'layer4 layer5' );

     myMap1.setReferenceMap(myMap2);
     myMap1.redraw(); myMap2.redraw();
     //]]>
   </script>
  </body>
</html>
Substituer les parties en rouge avec les paramètres appropriés.

Exemple 2 (Carte + Point Overlay Layer via le protocole WFS de Mapserver)

<html>
  <head>
   <title>msCross Sample Test</title>
   <script src="mscross.js" type="text/javascript"></script>
  </head>
  <body>

   <div style="width: 460px; height: 400px;" id="map_tag"></div>
   <script type="text/javascript">
     //<![CDATA[
     myMap1 = new msMap( document.getElementById('map_tag') );
     myMap1.setCgi( '/cgi-bin/mapserv' );
     myMap1.setFullExtent( Xmin, Xmax, Ymin );
     myMap1.setMapFile( '/home/user/map_files/mymapfile.map' );
     myMap1.setLayers( 'layer1 layer2 layer3' );
     myMap1.setBorder(50);

     a = 'http://www.google.com/mapfiles/markerG.png';
     b = 'http://www.google.com/mapfiles/shadow50.png';
     myIcon = new msIcon(a, b, 1, 2);
     mySkin = null;

     myMap1.loadPointsOverlayWFS('http://wms_server.com/wms', 'layer4 layer5', myIcon, mySkin);
     myMap1.redraw();
     //]]>
   </script>
  </body>
</html>
Substituer les partie en rouge avec les paramètres appropriés.

Description de l'interface API (non complète)

Crée l'objet msMap

var myMap = new msMap(DivTag [, ControlType]);

ControlType: c'est une constante string qui spécifie la position de la barre d'outils
  - standard, standardRight
  - standardLeft
  - standardUp
  - standardCornerLeft
  - standardCornerRigh

Organise le chemin du CGI MapServer

msMap.setCgi(url);

Permet au MapFile de passer à MapServer

msMap.setMapFile(path);

Organise l'extention complète de la carte

msMap.setFullExtent(Xmin, Xmax, Ymin);

Structure la liste des couches à visualiser

msMap.setLayers(string);

Indique la dimension des bords de la carte en pixels (zone non visible)

msMap.setBorder(integer);

Charge une couche de points (overlay) via le protocole WFS (les données sont transférées en format GML (XML)). Avec les données géographiques sont aussi changés les attributs alphanumériques, visualisables en cliquant avec la souris sur le point

msMap.loadPointsOverlayWFS(server url, layers, msIcon, msInfoSkin);

xxx

setActionZoombox()

xxx

msMap.setActionPan()

xxx

xxx msMap.setActionZoomIn()

xxx

xxx msMap.setActionZoomOut()

Désactive la barre d'outils des commandes d'une carte

msMap.setActionNone();

Redessine la carte

msMap.redraw();

Orgnqise le mode de fonctionnement de Mapserver

msMap.setMode(Mode);

Mode: Paramètre "mode" de Mapserver
  - map
  - legend

Crée une carte Reference, dans laquelle sera représentée la box de l'extent de la carte

msMap.setReferenceMap(msMap);

Liaison entre 2 objets msMap

msMap.attachMap(msMap);

Change les icônes de la barre d'outils

msMap.setIcon(id, url);

Donne des arguments arbitraire passés au CGI MapServer

msMap.setArgs(string);

Indique le format image dans le protocol WMS

msMap.setWmsImageFormat(string);

Organise le Spatial Reference System (projections) pour les demandes WMS

msMap.setWmsProjection(string);

Active la modalité debug, cliquer sur le bouton Debug pour connaître l'url de la demande

msMap.debug();

Projets attenants

  1. WMS-MAP
  2. quickWMS
  3. ka-Map
Valid CSSValid HTML 4.01 TransitionalPHP PoweredMapServer Powered CRS4, 09010 PULA (CA - Italy) email: datacrossing@crs4.it