JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//api-maps.yandex.ru/2.1-dev/?lang=ru-RU&amp;load=package.full"></script>
<div>
<div class="modal show">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Карта</h4>
			</div>
			<div class="modal-body">
				<div id="ymap" style="height: 200px"></div>
			</div>
			<div class="modal-footer">
				<button type="submit" class="btn btn-success">Кнупка</button>
			</div>
		</div>
	</div>
</div>
</div>

JavaScript

ymaps.ready(initMap);

function initMap() {
	map = new ymaps.Map('ymap', {
		center: [55.753201, 37.620499],
		zoom: 12,
		controls: ['zoomControl', 'geolocationControl', 'fullscreenControl']
	});
};