Les services web géographiques (WMS – WFS)

Ajouter la dimension géographique à vos applications !

La plateforme vous propose d’utiliser les services web cartographiques WMS et WFS.

Vous retrouverez l’ensemble des données géographiques présentes en téléchargement.

L’url ci-dessous vous permettra de vous connecter au serveur et d’en découvrir le contenu.

1
https://portail-sig.ville-larochelle.fr/opendata/carteWS.php?

Voici un exemple d’utilisation des services wms avec l’API Openlayers 4 :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
  <head>
    <title>Exemple de carte de La Rochelle</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.0.1/css/ol.css" type="text/css">
    <script src="https://openlayers.org/en/v4.0.1/build/ol.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
        //Définition de la projection de la carte en Lambert 93
        var projection = new ol.proj.Projection({code:"EPSG:2154",units: 'm'});
        //definition de l'emprise de la carte
        var extent = [375000, 6566000, 382500, 6574000];
        //ajout d'une photo aérienne
        var layer_ortho = new ol.layer.Tile({
					title: 'Ortho 2013',
					source: new ol.source.TileWMS({
                        url: 'http://portail-sig.ville-larochelle.fr/opendata/carteWS.php?',
						params: {'LAYERS': 'ortho_2013_lr','FORMAT': 'image/png', 'CRS':'EPSG:2154','TILED': true},
                        serverType: 'mapserver'})
					});
        // Ajout d'une couche pour les parcelles cadastrales
        var cad_parcelle = new ol.layer.Tile({
					title: 'parcelle cadastrale',
					source: new ol.source.TileWMS({
                        url: 'http://portail-sig.ville-larochelle.fr/opendata/carteWS.php?',
                        params: {'LAYERS': 'cad_parcelle','FORMAT': 'image/png','CRS':'EPSG:2154','TILED': true},
                        serverType: 'mapserver'})
                    });
        //Declaration de la carte
        var map = new ol.Map({
            layers: [layer_ortho,cad_parcelle],
            target: 'map',
            view: new ol.View({
                projection: projection,
                center: [379500, 6570000],
                extent:extent,
                zoom: 16
            })
        });
    </script>
  </body>
</html>