diff --git a/src/app/map/components/map.component.ts b/src/app/map/components/map.component.ts
index f63314cb98888b7b38cc9d8c1593fb6cec90894b..f10068ae1147d4a7d1c59b06ad3344581ff52718 100644
--- a/src/app/map/components/map.component.ts
+++ b/src/app/map/components/map.component.ts
@@ -113,10 +113,25 @@ export class MapComponent implements OnChanges {
       width: 256,
       height: 256,
     };
-    const carteLayer = tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-      maxZoom: 20,
+    // Init WMS service with param from data.grandlyon.com
+    const carteLayer = new TileLayer.WMS('https://openstreetmap.data.grandlyon.com/wms', {
+      crs: CRS.EPSG3857,
+      transparent: true,
+      format: 'image/png',
       attribution: 'Map data © OpenStreetMap contributors',
+      version: '1.3.0',
+      maxZoom: 20,
     });
+    carteLayer.wmsParams = {
+      format: 'image/png',
+      transparent: true,
+      version: '1.3.0',
+      layers: 'osm_grandlyon',
+      service: 'WMS',
+      request: 'GetMap',
+      width: 256,
+      height: 256,
+    };
     // Center is set on townhall
     // Zoom is blocked on 11 to prevent people to zoom out from metropole
     this.mapOptions = {