Кастомные тайлы на canvas

Внимание

Доступ к этим слоям предоставляется по запросу в Яндекс.

Template

<yandex-map
    :height="height"
    :settings="{
        location: {
            center,
            zoom,
        },
        theme,
        showScaleInCopyrights: true,
    }"
    :width="width"
>
    <yandex-map-default-scheme-layer/>
    <yandex-map-traffic-layer v-if="traffic"/>
    <yandex-map-traffic-events-layer v-if="events"/>
    <yandex-map-controls :settings="{ position: 'top' }">
        <yandex-map-control-button @click="traffic = !traffic">
            Toggle traffic
        </yandex-map-control-button>
        <yandex-map-control-button @click="events = !events">
            Toggle events
        </yandex-map-control-button>
    </yandex-map-controls>
</yandex-map>

Setup

import {
    YandexMap,
} from 'vue-yandex-maps';
import {
    YandexMapControlButton,
    YandexMapControls,
    YandexMapDefaultSchemeLayer,
    YandexMapTrafficEventsLayer,
    YandexMapTrafficLayer,
} from 'vue-yandex-maps';
import { ref } from 'vue';

const traffic = ref(true);
const events = ref(true);