/
ifrolove
/
vdf
Обзор
Документация
Войти
/
ifrolove
/
vdf
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/interactive/MapComponent.vue
48 строк
1 KB
ifrolov
блок контактов
28 фев 2026, 21:49
28 фев 2026, 21:49
13ada74
Код
Авторство
О чём код?
<script setup lang="ts"> import { onMounted, ref } from "vue"; import { loadYandexMaps } from "@/lib/plugins/yandex-maps"; const mapContainer = ref<HTMLElement | null>(null); onMounted(async () => { try { await loadYandexMaps(); window.ymaps.ready(() => { if (!mapContainer.value) return; const myMap = new window.ymaps.Map(mapContainer.value, { center: [53.969006, 38.527959], zoom: 18, controls: ["zoomControl"], theme: "dark", }); myMap.behaviors.disable("scrollZoom"); const marker = new window.ymaps.Placemark( [53.969006, 38.527959], { balloonContent: 'ТЦ "ТАЛИСМАН", эт. 4', }, { preset: "islands#redDotIcon", }, ); myMap.geoObjects.add(marker); }); } catch (error) { console.error("Failed to initialize Yandex Map:", error); } }); </script> <template> <div ref="mapContainer" style="width: 100%; height: 100%" class="max-w-full overflow-hidden rounded-xl" /> </template>