diff --git a/src/app/components/map/map.component.ts b/src/app/components/map/map.component.ts index b277cb202759cfac6fb0618016dcce2002bdb573..c7f44f6d966b09c19972acc16e683497f0be5074 100644 --- a/src/app/components/map/map.component.ts +++ b/src/app/components/map/map.component.ts @@ -127,9 +127,15 @@ export class MapComponent implements OnInit { id: 'mapbox.streets-v11', attribution: '© <a href="https://apps.mapbox.com/feedback/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' }) + + cycleMaps = L.tileLayer( + 'https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=' + environment.osm.apikey, { + attribution: '© OpenCycleMap, ' + 'Map data: opencyclemap.org', + maxZoom: 21, + }) options = { - layers: [this.mapBoxMaps], + layers: [this.cycleMaps], zoom: 19, center: L.latLng([51.02545, 13.72295]) }; @@ -142,7 +148,8 @@ export class MapComponent implements OnInit { 'MapBox': this.mapBoxMaps, 'Street Maps': this.streetMaps, 'Wikimedia Maps': this.wMaps, - 'Satellite': this.satelliteMaps + 'Satellite': this.satelliteMaps, + 'Cycle': this.cycleMaps } L.control.layers(baseLayers).addTo(this.map); diff --git a/src/environments/environment.ts b/src/environments/environment.ts index 156a6241ea12cdd965e6ff6c76b5617a387addb6..46c6b2ab9546dd0ebf6b986699b52a95d898d2d9 100644 --- a/src/environments/environment.ts +++ b/src/environments/environment.ts @@ -12,6 +12,10 @@ export const environment = { accessToken2: 'pk.eyJ1IjoidmFsYXZhbmNhIiwiYSI6ImNrbGZlYm13ZTJtZ2gyb25wbGhqdGhmZzkifQ.atRzBqwKjY9wEUlue2YLzQ' }, + osm: { + apikey: 'cef83d0812574b979a9ce37273909976' + }, + indoorequal: { APIkey: 'l70N1y3m02lRDrlIqOzYyB' },