Regional PropertyMap: Premium Interactions Component by Dulaj dilshan

Visualize real estate or regional data with ease. Upload custom map images, add interactive markers, and enable clustering for a clean UI. Features customizable tooltips and legends to give your visitors detailed insights instantly.

About this Component

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