JSFiddle - React, Tailwind, and code Playground

by Trufi

HTML

<script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>
<div id="map" style="display: none"></div>
<button id="button">Показать карту</button>

CSS

html, body, #map {
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

DG.then(function() {
  var map = DG.map('map', {
    center: [54.980156831455, 82.897440725094],
    zoom: 13
  });
  
  document.getElementById('button').onclick = () => document.getElementById('map').style.display = 'block';
});