JSFiddle - React, Tailwind, and code Playground

by Gabor Farkas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.13.1/OpenLayers.js"></script>
<div id="map"></div>
<div id="map2"></div>

CSS

#map {
    width: 200px;
    height: 400px;
    float: left;
    padding-right: 10px !important;
}
#map2 {
    width: 200px;
    height: 400px;
    overflow: hidden;
}

JavaScript

var map = new OpenLayers.Map('map', {
    layers: [new OpenLayers.Layer.OSM()]
});
map.zoomToMaxExtent();

var map2 = new OpenLayers.Map('map2', {
    layers: [new OpenLayers.Layer.OSM()]
});
map2.zoomToMaxExtent();

map.events.on({
    'move': function() {
            map2.setCenter(map.getCenter(), map.getZoom());
        }
});