Я пытаюсь создать карту мира, которая покрывает большую часть экрана при размещении над ней таблицы из ~ 10000 ячеек одинакового размера.
Проблема в том, что я думаю, что таблица настолько большая, что мой мобильные браузеры d ie при попытке его загрузить. Причина такой большой таблицы в том, что мне нужно ~ 10000 ячеек, чтобы можно было щелкать и отображать различные изображения на карте мира (изображения будут загружены людьми). В конце концов, это должно выглядеть как огромный монтаж.
Примечание: я знаю, что это количество ячеек будет выглядеть не так хорошо, как на рабочем столе, из-за большого количества ячеек по сравнению с небольшим количеством доступных пикселей.
Либо я явно что-то упускаю (я ничего подобного не делал, и первое, что пришло мне в голову - это невозможно), либо это действительно невозможно.
Второе изображение показывает, как это выглядит на мобильном телефоне после загрузки в течение 40 секунд. До этого все было просто белым холстом, а кнопки браузера не могли быть вставлены (iphone7, safari и chrome).
Чего я хочу достичь
- Таблица поверх карты мира
- Пользователи нажимают на ячейку, появляется модальное
- Пользователи загружают свое изображение
- Модальное закрывается
- Загруженное изображение появляется в ячейке, на которую щелкнул пользователь
Есть идеи?
![enter image description here](https://i.stack.imgur.com/UOV4m.jpg)