Case2 subcase3

by Pavlos Tsagkis

HTML

<link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css">
<script src="https://openlayers.org/en/v3.20.1/build/ol.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15/proj4.js"></script>
<div id="map" class="map"></div>

JavaScript

var extent2100 = [-34387.6695, 3691163.5140, 1056496.8434, 4641211.3222];
 proj4.defs("EPSG:2100","+proj=tmerc +lat_0=0 +lon_0=24 +k=0.9996 +x_0=500000 +y_0=0 +ellps=GRS80 +towgs84=-199.87,74.79,246.62,0,0,0,0 +units=m +no_defs");
ol.proj.get('EPSG:2100').setExtent(extent2100);

var layer = new ol.layer.Tile({
        source: new ol.source.OSM()
    });
var wmslayer = new ol.layer.Image({
         // extent: [-13884991, 2870341, -7455066, 6338219],
         visible         : true,
          source: new ol.source.ImageWMS({
            url: 'http://suite.opengeo.org/geoserver/wms',
            params: {'LAYERS': 'opengeo:countries'},
            serverType: 'geoserver'
          })
        })
var map = new ol.Map({
  layers: [layer,wmslayer],
  target: 'map',
  view: new ol.View({
    projection: 'EPSG:2100',
     center: [510457.300375, 4150059.924838],
    zoom: 4
  })
});