Алексей

Изучите поведение Флекс элементов. Направления осей. Это поможет вам понять что происходит

1. Так у вас так и сделано - массив вне цикла и внутри работаете с ним
2. Событие навесить на обертку, а по всплытию события проверять нужная ли кнопка нажата
3. На мой взгляд лучше создать класс Popup и написать для него методы открытия/закрытия и т.д. и для каждого экземпляра попапа создавать свой персональный объект. Тогда не придется каждый раз заново искать все попапы, их кнопки и т.д. А так же код будет красивее оформлен и проще будет использовать его повторно

Получаете положение блока с картой относительно верха страницы. Используя событие скролл проверяете когда скролл дошел до 80%(например) от этого расстояния и уже инициализируете карту

left 0, right 0, margin: 0 auto; Надеюсь про position relative не забыли?

Следующий символ алфавита можно получить по юникоду символа. Подсказку я Вам дал, дальше копайте сами

Картинка у вас налезает из за position: absolute. Для каких целей оно добавлено?