App›Documentation

Integration Guide

Learn how to use ZoneMapper exports in your own projects. Choose your integration method and follow the interactive examples below.

JSON Structure

The exported JSON contains metadata about the image and a list of all detected zones. You can use this data to build your own integrations.

Root fields

imageTypestringType of space detected by Claude (e.g. "Architectural floor plan")
descriptionstringHuman-readable summary of the image
imageNamestringOriginal filename of the uploaded image
exportedAtISO 8601Date and time the export was generated
zonesZone[]Array of detected zone objects

Zone fields

idstringUnique identifier, e.g. "zone_1"
namestringHuman-readable zone name, editable in the UI
typeZoneTypeCategory: room | parking | office | region | road | area | other
descriptionstringAI-generated description of the zone
notesstringUser-added annotations, persisted in localStorage
importance1–5Relevance score assigned by Claude
position.x0–100Horizontal center of zone as % of image width
position.y0–100Vertical center of zone as % of image height
color#hexDisplay color — warm tones for rooms, blue for water, green for vegetation, etc.