<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>