Old base layer OpenStreepMap OSM

Old base layer OpenStreetMap OSM

Old base layer OpenStreetMap OSM

<!DOCTYPE html>
<html>
  <head>
    <title>Old base layer OpenStreepMap OSM</title>
    <script src="https://maps.cercalia.com/maps/loader.js?key=YOUR_API_KEY&v=5&lang=en&theme=1976d2"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
      var map;

      document.addEventListener('cercalia-ready', function() {
        map = new cercalia.Map({
          target: 'map',
          mapLayers: []
        });

        var layer =  new ol.layer.Tile({
          source: new ol.source.OSM(),
          name: cercalia.MapTypes.OPENSTREETMAP,
          baseLayer: true
        });

        var osmLayer = new cercalia.BaseLayer({
          name: 'Open Streep Map',
          label: 'Open Streep Map',
          layer: layer,
          projectionCode: 'EPSG:3857',
          logo: '<a style="color:#000000;" href="https://www.openstreetmap.org/#map=7/40.007/-2.488" target="_blank"><b>OpenStreeMap</b></a>'
        });

        map.addBaseLayer(osmLayer);
        map.setBaseLayer(osmLayer);
      });
    </script>
  </body>
</html>