<script>
    initMap();

    async function initMap() {

        await ymaps3.ready;

        ymaps3.import.registerCdn('https://cdn.jsdelivr.net/npm/{package}', [
            '@yandex/ymaps3-default-ui-theme@latest'
        ]);

        const {
            YMap,
            YMapDefaultSchemeLayer,
            YMapDefaultFeaturesLayer,
        } = ymaps3;

        // Иницилиазируем карту
        const map = new YMap(
            // Передаём ссылку на HTMLElement контейнера
            document.getElementById('map'),

            // Передаём параметры инициализации карты
            {
                location: {
                    // Координаты центра карты
                    center: [<?php normalizeMapPoint(get_field('map_center', 'option')); ?>],
                    // Уровень масштабирования
                    zoom: <?php the_field('map_zoom', 'option'); ?>
                }
            }
        );

        map.addChild(new YMapDefaultSchemeLayer());
        map.addChild(new YMapDefaultFeaturesLayer());

        const {
            YMapDefaultMarker
        } = await ymaps3.import('@yandex/ymaps3-default-ui-theme');

        // Добавляем слой для отображения схематической карты


        <?php while (have_rows('map', 'option')):
            the_row(); ?>
            map.addChild(new YMapDefaultMarker({
                coordinates: [<?php normalizeMapPoint(get_sub_field('koordinaty', 'option')); ?>],
                title: '<?php translateSubAcf('title', 'title_en', false); ?>',
                subtitle: '<?php translateSubAcf('text', 'text_en', false); ?>',
                color: ['#173F35'],
                draggable: false
            }));
        <?php endwhile; ?>


    }
</script>