Create Drag-and-Drop Functionality for World Map Grid

I'm in search of a skilled freelancer to help implement a drag-and-drop feature for a world map grid in my project. Project Overview: In my application, I have a "world map" view that is centered on the 0, 0 coordinate, and it displays a grid of tiles around it, two tiles to the left, right, up, and down. These tiles are loaded from a database that contains specific coordinates. Project Goals: I'm looking to add drag-and-drop functionality to the map grid, with the following objectives: Enable smooth dragging of the map grid in all directions. Load new tiles dynamically as the map is dragged, ensuring a continuous grid. Implement seamless scrolling from one edge of the map to the opposite side. What I'm Seeking: I need an experienced freelancer who can: Analyze and understand the existing codebase. Implement the drag-and-drop functionality while maintaining the grid's integrity. Develop a mechanism to handle seamless scrolling over from one edge to the opposite side. Skills Required: Proficiency in front-end development and JavaScript. Experience with map visualization and handling tile-based grids. Problem-solving skills to overcome the challenges of grid distortion and edge scrolling.