JSFiddle - React, Tailwind, and code Playground

by vollossy

HTML

<script src="//api-maps.yandex.ru/2.0/?load=package.standard,package.geoObjects&lang=ru-RU" type="text/javascript"></script>Первая карта
<div id="map1" style="width: 300px; height: 400px;"></div>Вторая карта
<div id="map2" style="width: 300px; height: 400px;"></div>

JavaScript

ymaps.ready(init);

function init() {
    var myMap1 = new ymaps.Map('map1', {
        center: [56.136, 40.390],
        zoom: 10
    });
    var myMap2 = new ymaps.Map('map2', {
        center: [56.136, 40.390],
        zoom: 10
    });
    var myPlacemark1 = new ymaps.Placemark([56.136, 40.390], {
        // Свойства.
        // Содержимое иконки, балуна и хинта.
        iconContent: '1',
        balloonContent: 'Балун',
        hintContent: 'Стандартный значок метки'
    }, {
        // Опции.
        // Стандартная фиолетовая иконка.
        preset: 'twirl#violetIcon'
    });
    var myPlacemark2 = new ymaps.Placemark([56.136, 40.390], {
        // Свойства.
        // Содержимое иконки, балуна и хинта.
        iconContent: '2',
        balloonContent: 'Балун',
        hintContent: 'Стандартный значок метки'
    }, {
        // Опции.
        // Стандартная фиолетовая иконка.
        preset: 'twirl#violetIcon'
    });
    myMap1.geoObjects.add(myPlacemark1);
    myMap2.geoObjects.add(myPlacemark2);
}