Yandex map Как сделать меню?

https://yandex.ru/dev/maps/jsbox/2.1/object_list/ Пытаюсь сделать меню, выходит не очень проблема в том что в примере метки создаются в функций и они связанны с менюшкой. У меня же метки приходят через api и отрисовываются objectManager-ом как правильно связать код из примера и objMan

        $.getJSON('http://mapzko/api/v1/getInfo')
            .done(function (geoJson) {
              console.log(geoJson)
              objectManager.add(geoJson);
              map.geoObjects.add(objectManager);

Прикреплю код меню

const menu = $('<ul class="menu"/>');

              const keys = Object.keys(menuItems)
              keys.forEach(function (key) {
                const menuItem = $('<li><a href="#">' + key + '</a></li>')
                const submenu = $('<ul class="submenu"></ul>');
                const villages = menuItems[key]

                // console.log(key, villages)

                villages.forEach(function (villageName) {
                  const subMenuItem = $('<li><a href="#">' + villageName + '</a></li>')
                  subMenuItem.appendTo(submenu)
                })
                // let submenuStatus = false
                submenu.show()
                menuItem.appendTo(menu)
                submenu.appendTo(menuItem)
                    .find('a')
                    .bind('click', function () {
                      if (!placemark.balloon.isOpen()) {
                        placemark.balloon.open();
                      } else {
                        placemark.balloon.close();
                      }
                      return false;
                    })

              })

              menu.appendTo($('body'));
            })
      })
    ```

[![img-1api][1]][1]


  [1]: https://i.stack.imgur.com/Px0gw.png

Ответы (0 шт):