Interactive game map with markers and tooltips (Satisfactory)

Budget: 5500 UAH Deadline: 5 days

Good day! I have created interactive maps on Leaflet — custom tiles, markers on layers, and category filters, so the reference satisfactory-calculator is clear to me. I will implement zoom/pan, tooltips that do not go off the edge of the screen, and stability with 500+ markers; I will keep the markers in a separate JSON file so you can easily add to it without code changes. Approximately 5 days. One clarification: will you provide the map as one large PNG or cut it into tiles — this affects loading speed on mobile.

Budget: 5500 UAH Deadline: 3 days

Hello, I am ready to complete your project. I have experience using Pixi.js but I can easily learn leafletjs.com. If you want to achieve a quality result in a reasonable time frame - feel free to write.

Budget: 5500 UAH Deadline: 5 days

Good day! I am implementing an interactive game world map without a backend: static JSON, desktop + mobile, based on the reference satisfactory-calculator.com.

Stack (justification): I recommend Leaflet.js + vanilla JS (or lightweight React if you already have a project). Zoom, pan, pinch, large PNG and tiles — out of the box; 500+ markers with clustering or Leaflet Canvas layer work stably. Pixi.js only makes sense if after testing Leaflet there is lag with 1000+ markers — for a start, this is an unnecessary complication.

Functionality: map (PNG/tiles), markers by categories in the correct coordinates (conversion from game → pixels if needed), tooltip on hover (desktop) and tap (mobile) with retention in the viewport, category filters without reloading, smooth zoom/pan.

Before starting, we will agree on: map file, ready JSON or template for filling, icons vs placeholders, coordinate format.

I will provide: HTML/CSS/JS, markers.json, instructions for adding objects.

Examples: https://yegor10.github.io/PortFolioWeb3/ (responsive, interactive, clean JS) Expand

Budget: 5500 UAH Deadline: 14 days

I reviewed the task and see that it suits me. I have experience with mapping interfaces and complex interactive components on the frontend, so I understand where difficulties may arise in this project.

With Leaflet.js, I will implement custom tiles or a large PNG using CRS.Simple (without geocoordinates), category markers from static JSON, tooltips separately for hover and touch-click. 500+ markers without performance drops are handled through L.DivIcon with CSS instead of heavy SVG, plus I can add clustering or virtualization if needed. Category filters update without reloading through show/hide layers in Leaflet, meaning the state is preserved after zooming and panning.

Technically, I write in React or Vanilla JS depending on your preferences, TypeScript, responsive layout for mobile with pinch-zoom through Leaflet touch handlers. I write clean code without unnecessary dependencies.

I am ready to start immediately. If you have questions about implementation details, feel free to ask.

Budget: 5500 UAH Deadline: 5 days

Hello! I will complete your task quickly and efficiently.

My recent works
https://indexfast.pp.ua - fast website indexing
https://mono-bank.pp.ua - everything about Monobank
https://mamamia.pp.ua - online store
https://programist.pp.ua/ua/portfolio/ - portfolio of works
https://monitortest.pp.ua - monitor testing
https://keytest.pp.ua - keyboard testing
https://pctest.pp.ua - computer testing
https://vseetut.matviy.pp.ua - layout

My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Message me, I will start working today. I will be glad to cooperate with you! Expand

Budget: 5500 UAH Deadline: 3 days

Good day, I would be happy to do it. I have over 10 years of experience. Feel free to contact me.

Budget: 5500 UAH Deadline: 4 days

We already have almost a ready foundation for such an interactive map, it can be quickly adapted to your PNG or tiles and discussed here on the exchange now ))
The benchmark is 5500 UAH and 4 days, if the map, JSON, and basic icons are already available.
If we need to cut the map into tiles or do the conversion of game coordinates, then we will assess more accurately after receiving the files.

For the stack, I would go with Leaflet.js - this is sufficient for 500+ markers, zoom, pan, mouse wheel, and touch gestures are already stable.
Pixi.js makes sense only if there will be 1000+ markers or heavy animation is required.

Regarding implementation - we assemble the map as CRS.Simple, bind the coordinates to the image size, extract categories into filters, limit the tooltip to the screen boundaries, and for mobile, we make it open on click.
Before delivery, I will check on a computer, phone, pinch, drag, and a scenario with 500+ points - because the map should work, not meditate over each marker ))

Additionally, we can later add an AI assistant for filling markers from a table or descriptions, but I wouldn't overload the basic map.

Questions to start:
- Will the map be a single PNG or are there already tiles?
- Are the coordinates in JSON in pixels or in game units?

Similar experience:
- https://business.ingello.com/svitbus - interactive logic with geography, routes, and states
- https://business.ingello.com/busticket - booking and complex user scenarios with data
- https://systems-fl.ingello.com/ua - Ingello Systems profile for FLH Expand

Budget: 5500 UAH Deadline: 3 days

Hello!

The task is clear. I can implement an interactive map using React + Leaflet: zoom, pan, markers from JSON, category filters, tooltips for desktop and mobile.
I will also consider responsiveness, correct positioning of markers, and stable performance with 500+ objects.
I can showcase similar works.
Before starting, we will need to clarify the map format, coordinates, and whether there are ready icons.
I am ready to discuss the details and start working.