AboutRegionalPropertyMap brings professional grade data visualization to your Framer projects. Unlike standard map components, this allows you to upload any custom image be it a floor plan, a regional territory, or a stylized world map and overlay it with interactive property markers. It’s perfect for real estate portfolios, office location pages, or regional sales data displays.
What it doesThe component renders your chosen map image and precisely plots property markers based on your data. To ensure a clean UI, it features an intelligent clustering system that groups nearby markers as you zoom or browse. Each marker is interactive, triggering a customizable tooltip for detailed information, while a built-in legend helps visitors categorize the data at a glance.
What you can customize
Map Image: Upload any custom SVG or PNG to serve as your map base.
Display Style: Choose how the map fits the container (Contain / Cover / Fill).
Properties & Markers: Manage your list of items and customize marker appearance, including colors and scaling.
Clustering: Fine-tune the clustering logic by adjusting the radius and minimum points to keep your map organized.
Tooltips: Full control over tooltip dimensions (Width, Height), padding, and typography to match your brand.
Legend: Customize the data labels and object colors to provide clear context for your map markers.
Great for
Real estate listings & development projects
Global office or store locator pages
Interactive floor plans & venue maps
Data-heavy dashboards and regional reports
Travel and tourism destination guides
Share your buildIf you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.
Need help?Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
