Full OSM with OpenLayers

http://openlayers.org

by Paolo Favero

HTML

<link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css">
<script src="https://openlayers.org/en/v4.6.5/build/ol.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="ol-viewport">
<input class="ol-unselectable ol-control" id="swipe" type="range" style="width: 100%">
<div class="ol-unselectable ol-control" id="TSLabel"> Tile Server &#9658;</div>
<div class="ol-unselectable ol-control" id="osmLabel">&#9668; OpenStreetMap </div>
<a class="ol-unselectable ol-control" id="ZoomElement"></a>
</div>
<div tabindex="0" id="map" class="map"></div>

JavaScript

import Map from 'ol/Map';