Есть вот такая вот такая штука - https://map.familypark.asset-rf.ru/ как я понимаю сделано на базе яндекс карты и NUXT
Так вот разработчик не на связи, есть цель сделать подобный генплан а базе другого поселка (ну то есть картинка будет другая на фоне), Доступ есть полный к тому что я показал.
Ну и было бы н плохо разобраться в том что есть, так как возможно будет необходимость кое что исправлять...

https://codepen.io/SkyHolder/pen/BaaRvvv

сделал в своё время такую штуку
на карте рисуешь кучу фигур, как всплывашку на них показывать думаю разберешься

https://vc.ru/seo/135313-kak-bystro-vyvesti-novuyu-stranicu-v-top-yandeksa-i-google
В целом дельная статья.
Пробуйте быть релевантным по низкочастотникам.

всем привет

не понимаю что я делаю не так? получаю ошибку [vuex] do not mutate vuex store state outside mutation handlers.

watch: {
   query: {
     handler(newQuery) {
       const queryToStore = this.queryBuild(newQuery)
       this.$store.commit('studios/updateFilter', queryToStore)
     },
     deep: true,
   },
 },
 methods: {
   queryBuild(query) {
     const queryToStore = {}
     for (const [key, value] of Object.entries(query)) {
       if (!value.length) queryToStore[${key}] = null
       else queryToStore[${key}] = value
     }
     return queryToStore
   },

в мутации делаю так

updateFilter(state, payload) {
   state.filter = Object.assign({}, payload)
 },

Есть же vuex router sync.
Но в этом куске все корректно за исключением факта, что с деструктуризацией выглядело бы проще. Скорее всего вы где-то значение к v-model приконектили

а query в компоненте это что?

объект

из стора?

data() {
   return {
     query: {
       search: [],
       studio_type: [],
       models_age: [],
       working_with_model_types: [],
       min_payout_percentage: [],
       shift_length: [],
       max_shifts_per_week: [],
       staff_gender: [],
       devices: [],
       conditions: [],
       support_staff: [],
       certified: [],
     },
   }
 },

в компоненте

в сторе по дефолту

filter: null,

updateFilter(state, payload) {
   state.filter = Object.assign({}, payload)
 },

и потом в геттере использую

query: (state, getters, rootState) => {
   return {
     city: rootState.cities.current.id,
     ordering: state.ordering,
     // ...state.filter,
   }
 },

из компонента