Клик по полигону

[atmacoder]

Использую vue-yandex-maps, nuxt3
Отрисовал через yandex-map-feature полигоны, не могу сделать всплывающее окно при нажатии.
Не получается вообще обработать клик по полигону, подскажите как сделать.

[daniluk4000]

Добрый день. В settings есть настройка onClick и другие

[atmacoder]

Пробовал не работает, не могли бы вы проверить, или пример показать.

[atmacoder]

<template>
  <div class="container mx-auto p-4">
    <h2>Карта</h2>
    <yandex-map
        ref="mapRef"
        v-model="map"
        :settings="{
          location: {
            center: [37.617644, 55.755819],
            zoom: 9,
          },
        }"
        width="100%"
        height="500px"
    >
      <yandex-map-default-scheme-layer />
      <yandex-map-default-features-layer />

      <yandex-map-feature
          :key="'polygon'"
          :settings="polygonSettings"
      />
    </yandex-map>
  </div>
</template>

<script setup lang="ts">
import { shallowRef, ref, onMounted, computed, watch } from 'vue';
import type { YMap, IGeoObject, IMapEvent, YMapFeatureProps } from '@yandex/ymaps3-types';
import { YandexMap, YandexMapDefaultSchemeLayer, YandexMapFeature, YandexMapDefaultFeaturesLayer } from 'vue-yandex-maps';

const mapRef = shallowRef<null | YMap>(null);
const polygonSettings: YMapFeatureProps = {
  geometry: {
    type: 'Polygon',
    coordinates: [
      [
        [37.617644, 55.755819],
        [37.627644, 55.755819],
        [37.627644, 55.765819],
        [37.617644, 55.765819],
        [37.617644, 55.755819],
      ],
    ],
    fillRule: 'nonZero',
  },
  style: {
    cursor: 'pointer',
    stroke: [{
      color: '#0000FF',
      width: 2,
    }],
    fill: `rgba(0,0,255, 0.5)`,
  },
  onClick: (e: MouseEvent) => {
    console.log('Клик по полигону:', e);
  }
};

</script>

[atmacoder]

Работает, чет в firefox просто не выводился лог:)

[daniluk4000]

Бывает))