JSFiddle - React, Tailwind, and code Playground

by Ömür Bilgili

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.6.4/ol.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.6.4/ol.css" rel="stylesheet">
<div id="map" class="map">

</div>

JavaScript

var map = new ol.Map({
        layers: [
          new ol.layer.Tile({ source: new ol.source.TileImage({ url: 'http://khm{0-3}.googleapis.com/kh?v=742&hl=pl&&x={x}&y={y}&z={z}' }) })
        ],
        target: 'map',
        view: new ol.View({
          center: [0, 0],
          zoom: 2
        })
      });