Heartopia Interactive Map
A modern, mobile-friendly interactive map for Heartopia. High-res world map with 300+ markers, real-time search, collection tracking, and bilingual support.
Major Update
The map has been completely rebuilt with Next.js 14 and Leaflet! New features include mobile optimization, 4 zoom levels, detailed creature guides, and more.
Map Features
High-res Map
Full Heartopia world map with smooth pan/zoom
Multi-level Zoom
4 zoom levels (0x - 3x) with custom controls
Mobile Optimized
Touch gestures, responsive layout, bottom zoom bar
Bilingual
Full English and Chinese support
Marker Categories
NPCs
20All NPCs with detailed info (role, shop items, gifts)
Animals
8Wild animals with location, food & weather preferences
Bus Stops
8Fast travel points across the map
Shops
4Clothing, Furniture, Pets, Bookstore
Locations
34Towns, landmarks, and water bodies
Resources
11Berries, fruits, mushrooms, trees, stones
Fish
83Complete fish database with catch conditions
Insects
62Bug catching guide with spawn conditions
Birds
81Birdwatching guide with appearance times
How to Use the Map
- Type in the search bar to find any NPC, location, resource, or creature. Results are grouped by category.
- Use the sidebar menu to toggle marker categories. Click any item to fly to its location on the map.
- Right-click (or long-press on mobile) to create personal markers. They are saved in your browser.
- Click Fish, Insects, or Birds to view detailed catch guides with location, level, weather, and time conditions.
- Toggle individual resource types (berries, fruits, mushrooms, trees, stones) using the checkboxes.
- Your custom markers and collection progress are automatically saved locally.
Tip: On mobile, use pinch to zoom and tap the hamburger icon to open the menu. Desktop users can use scroll wheel for zoom.
Track Your Collection
Found items on the map? Track your fish, insects, birds, and more with our collection tracker!
Unlock Achievements
Explore the map to discover achievements related to locations, creatures, and exploration!
About This Map
This map includes 300+ markers: 20 NPCs, 8 Animals, 8 Bus Stops, 4 Shops, 34 Locations, 11 Resources, 83 Fish, 62 Insects, and 81 Birds with detailed info.
Each NPC shows role, shop items, and gift preferences. Animals show spawn location, favorite foods, and weather. Creatures show catch conditions and location maps.
Use fullscreen for the best experience. Supports English and Chinese. All data saved locally - no account needed.
If you have any questions about the data or would like to suggest new features, please contact us at support@heartopia.live
Last updated: 2026-02-10