Огромная таблица над изображением вылетает из мобильных браузеров - PullRequest
0 голосов
/ 15 апреля 2020

Я пытаюсь создать карту мира, которая покрывает большую часть экрана при размещении над ней таблицы из ~ 10000 ячеек одинакового размера.

Проблема в том, что я думаю, что таблица настолько большая, что мой мобильные браузеры d ie при попытке его загрузить. Причина такой большой таблицы в том, что мне нужно ~ 10000 ячеек, чтобы можно было щелкать и отображать различные изображения на карте мира (изображения будут загружены людьми). В конце концов, это должно выглядеть как огромный монтаж.

Примечание: я знаю, что это количество ячеек будет выглядеть не так хорошо, как на рабочем столе, из-за большого количества ячеек по сравнению с небольшим количеством доступных пикселей.

Либо я явно что-то упускаю (я ничего подобного не делал, и первое, что пришло мне в голову - это невозможно), либо это действительно невозможно.

Второе изображение показывает, как это выглядит на мобильном телефоне после загрузки в течение 40 секунд. До этого все было просто белым холстом, а кнопки браузера не могли быть вставлены (iphone7, safari и chrome).

Чего я хочу достичь

  1. Таблица поверх карты мира
  2. Пользователи нажимают на ячейку, появляется модальное
  3. Пользователи загружают свое изображение
  4. Модальное закрывается
  5. Загруженное изображение появляется в ячейке, на которую щелкнул пользователь

Есть идеи?

enter image description here enter image description here

...