JSFiddle - React, Tailwind, and code Playground

by Руслан Абсалямов

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<input type="text">
<div id="map" style="width: 600px; height: 400px"></div>

JavaScript

ymaps.ready(init);
        let myMap, 
            myPlacemark;

        function init(){ 
            myMap = new ymaps.Map("map", {
                center: [55.76, 37.64],
                zoom: 7
            }); 
            
            myPlacemark = new ymaps.Placemark([55.76, 37.64], {
                hintContent: 'Москва!',
                balloonContent: 'Столица России'
            });
            
            myMap.geoObjects.add(myPlacemark);
        }