JSFiddle - React, Tailwind, and code Playground

by Yunus Gaziev

HTML

<script src="https://api-maps.yandex.ru/2.1/?apikey=4443edc3-c969-48c5-ba3d-0f66319bf328&lang=ru_RU"></script>
<input type="search" name="q">

<div id="map"></div>

CSS

body {
	padding: 20px;
}

#map {
	width: 480px;
	height: 240px;
	margin: 10px 0;
	background-color: #cdcdcd;
}

JavaScript

// Дождёмся загрузки API и готовности DOM.
ymaps.ready(init);

function init () {
    // Создание экземпляра карты и его привязка к контейнеру с
    // заданным id ("map").
    const map = new ymaps.Map('map', {
        // При инициализации карты обязательно нужно указать
        // её центр и коэффициент масштабирования.
        center: [55.76, 37.64], // Москва
        zoom: 12
    });
}