Інтерактивна ігрова карта з маркерами і тултіпами ( Satisfactory )

Бюджет: 5500 UAH Термін: 5 днів

Доброго дня! Робив інтерактивні карти на Leaflet — кастомні тайли, маркери по шарах і фільтри категорій, тож референс satisfactory-calculator мені зрозумілий. Zoom/pan, тултіпи що не вилазять за край екрана і стабільність на 500+ маркерах зроблю; самі маркери триматиму в окремому JSON, щоб ви легко доповнювали без правок коду. Орієнтовно 5 днів. Одне уточнення: карту дасте одним великим PNG чи нарізати на тайли — це впливає на швидкість завантаження на мобільному.

Бюджет: 5500 UAH Термін: 3 дні

Привіт, готовий виконати ваш проект. Є досвід у використанні Pixi.js, але без проблем вивчу leafletjs.com. Якщо хочете отримати якісний результат у розумні терміни - пишіть.

Бюджет: 5500 UAH Термін: 5 днів

Доброго дня! Реалізую інтерактивну карту ігрового світу без бекенду: статичний JSON, desktop + mobile, за референсом satisfactory-calculator.com.

Стек (обґрунтування): рекомендую Leaflet.js + vanilla JS (або легкий React, якщо у вас уже є проєкт). Zoom, pan, pinch, великий PNG і тайли — з коробки; 500+ маркерів з кластеризацією або Canvas-шаром Leaflet працюють стабільно. Pixi.js має сенс лише якщо після тесту Leaflet буде лаг на 1000+ маркерах — для старту це зайве ускладнення.

Функціонал: карта (PNG/тайли), маркери по категоріях у правильних координатах (конвертація ігрових → пікселі, якщо потрібно), тултіп на hover (desktop) і tap (mobile) з утриманням у viewport, фільтри категорій без перезавантаження, плавний zoom/pan.

До старту узгодимо: файл карти, готовий JSON чи шаблон під наповнення, іконки vs placeholder, формат координат.

Передаю: HTML/CSS/JS, markers.json, інструкція по додаванню об'єктів.

Приклади: https://yegor10.github.io/PortFolioWeb3/ (адаптив, інтерактив, чистий JS) Розгорнути

Бюджет: 5500 UAH Термін: 14 днів

Переглянув завдання, бачу що воно мені підходить. Маю досвід з картографічними інтерфейсами та складними інтерактивними компонентами на фронтенді, тому розумію де можуть виникнути складнощі саме в цьому проєкті.

З Leaflet.js реалізую кастомні тайли або великий PNG через CRS.Simple (без геокоординат), маркери по категоріях зі статичного JSON, тултіпи окремо для hover і touch-кліку. 500+ маркерів без просідання продуктивності вирішується через L.DivIcon з CSS замість важких SVG, плюс за потреби додам clustering або virtualization якщо потрібно. Фільтри по категоріях оновлюються без перезавантаження через show/hide шарів Leaflet, тобто стан зберігається після зуму і пану.

Технічно пишу на React або Vanilla JS залежно від ваших вподобань, TypeScript, адаптивна верстка під mobile з pinch-zoom через Leaflet touch handlers. Код пишу чисто, без зайвих залежностей.

Готовий стартувати одразу. Якщо є питання по деталях реалізації, пишіть.

Бюджет: 5500 UAH Термін: 5 днів

Вітаю! Виконаю ваше завдання швидко і якісно.

Останні мої роботи
https://indexfast.pp.ua - швидка індексація сайту
https://mono-bank.pp.ua - все про монобанк
https://mamamia.pp.ua - інтернет магазин
https://programist.pp.ua/ua/portfolio/ - портфоліо робіт
https://monitortest.pp.ua - тестування монітора
https://keytest.pp.ua - тестування клавіатури
https://pctest.pp.ua - тестування компютера
https://vseetut.matviy.pp.ua - верстка

Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами! Розгорнути

Бюджет: 5500 UAH Термін: 3 дні

Доброго дня, залюбки виконаю. Досвід більше 10 років. Звертайтесь

Бюджет: 5500 UAH Термін: 4 дні

МИ вже маємо майже готову основу для такої інтерактивної карти, її можна швидко адаптувати під ваш PNG або тайли і обговорити тут на біржі зараз ))
орієнтир - 5500 грн і 4 дні, якщо карта, JSON і базові іконки вже є.
якщо треба різати карту на тайли або робити конвертацію ігрових координат, тоді точніше оцінимо після файлів.

по стеку я б ішов через Leaflet.js - для 500+ маркерів цього вистачить, zoom, pan, колесо миші і touch-жести вже стабільні.
Pixi.js має сенс лише якщо маркерів буде 1000+ або потрібна важка анімація.

по реалзацією - збираємо карту як CRS.Simple, прив'язуємо координати до розміру зображення, категорії виносимо в фільтри, тултіп обмежуємо межами екрана, для телефону робимо відкриття по кліку.
перед здачею перевірю комп'ютер, телефон, pinch, drag і сценарій з 500+ точками - бо карта має працювати, а не медитувати над кожним маркером ))

додатково можна пізніше додати ШІ-помічника для наповнення маркерів із таблиці або описів, але базову карту я б не перевантажував.

питання до старту
- карта буде одним PNG чи вже є тайли
- координати в JSON у пікселях чи в ігрових одиницях

схожий досвід
- https://business.ingello.com/svitbus - інтерактивна логіка з географією, маршрутами і станами
- https://business.ingello.com/busticket - бронювання і складні користувацькі сценарії з даними
- https://systems-fl.ingello.com/ua - профіль Ingello Systems для FLH Розгорнути

Бюджет: 5500 UAH Термін: 3 дні

Вітаю!

Завдання зрозуміле. Можу реалізувати інтерактивну карту на React + Leaflet: zoom, pan, маркери з JSON, фільтри по категоріях, тултіпи на desktop і mobile.
Також врахую адаптивність, коректне позиціонування маркерів і стабільну роботу з 500+ об’єктами.
Можу продемонстувати схожі роботи.
Перед стартом потрібно буде уточнити формат карти, координати та чи є готові іконки.
Готовий обговорити деталі та почати роботу.