yandex-maps-unofficial / vue-yandex-maps

Yandex Maps 3.0 components library for VueJS.
https://yandex-maps-unofficial.github.io/vue-yandex-maps/
MIT License
70 stars 9 forks source link

Темная тема для карты #53

Closed Mahraway closed 6 months ago

Mahraway commented 1 year ago

При обращении к компоненту, было бы неплохо, если бы можно было передовать параметр theme для переключения на темную тему чтобы не изобреть всякие фильтры для карты или накладывать слои. Что скажете? Может я просто не нашел как это уже реализовано?

<yandexMap
        :settings='{
           ...
          version: "2.1", // Версия Я.Карт
        }'
        :coordinates="coords"
        :zoom="10"
        :detailed-controls="dControls"
        :controls="controls"
    >
PNKBizz commented 1 year ago

А где вы нашли в API карт такую возможность? Не нашел в документации

Mahraway commented 1 year ago
initMap() {
      ymaps.ready(() => {
        const map = new ymaps.Map("map", {
          center: [55.76, 37.64],
          zoom: 10,
          controls: [],
          theme: "islands#dark"
        });
      });
    }
PNKBizz commented 1 year ago

Да, отлично. Добавлю в ближайшее время. Спасибо!

zomkd commented 1 year ago

@PNKBizz приветствую! Хотел реализовать темную тему, но так и не обнаружил свойство theme в api карт. Проверил в песочнице пример выше, свойство theme: "islands#dark" - не сработало. Вы проверяли? У вас получилось?

zomkd commented 1 year ago

Нашел способ сделать темную тему используя:

const layer = new YMapDefaultSchemeLayer({ theme: "dark" });

daniluk4000 commented 6 months ago

У этой встречи какое-то большое число посещений. Для информации: тёмная тема доступна в версии 2.0 как <yandex-map :settings="{ theme: 'dark' }">