{
"widget": {
"typeFullFqn": "system.image_map",
"type": "latest",
"sizeX": 8.5,
"sizeY": 6,
"config": {
"datasources": [],
"timewindow": {
"displayValue": "",
"selectedTab": 0,
"realtime": {
"realtimeType": 1,
"interval": 1000,
"timewindowMs": 60000,
"quickInterval": "CURRENT_DAY",
"hideInterval": false,
"hideLastInterval": false,
"hideQuickInterval": false
},
"history": {
"historyType": 0,
"interval": 1000,
"timewindowMs": 60000,
"fixedTimewindow": {
"startTimeMs": 1761637952700,
"endTimeMs": 1761724352700
},
"quickInterval": "CURRENT_DAY",
"hideInterval": false,
"hideLastInterval": false,
"hideFixedInterval": false,
"hideQuickInterval": false
},
"aggregation": {
"type": "AVG",
"limit": 25000
}
},
"showTitle": true,
"backgroundColor": "rgba(0, 0, 0, 0)",
"color": "rgba(0, 0, 0, 0.87)",
"padding": "0px",
"settings": {
"mapType": "image",
"layers": [
{
"label": "{i18n:widgets.maps.layer.roadmap}",
"provider": "openstreet",
"layerType": "OpenStreetMap.Mapnik"
},
{
"label": "{i18n:widgets.maps.layer.satellite}",
"provider": "openstreet",
"layerType": "Esri.WorldImagery"
},
{
"label": "{i18n:widgets.maps.layer.hybrid}",
"provider": "openstreet",
"layerType": "Esri.WorldImagery",
"referenceLayer": "openstreetmap_hybrid"
}
],
"imageSource": {
"sourceType": "image",
"url": "tb-image;/api/images/tenant/apartment-plan.png",
"entityAliasId": null,
"entityKey": null
},
"markers": [
{
"dsType": "device",
"dsLabel": "",
"dsDeviceId": "c91c2a90-b413-11f0-8d2a-7fcbd0bfb6b8",
"dsEntityAliasId": null,
"dsFilterId": null,
"additionalDataSources": null,
"additionalDataKeys": [
{
"name": "battery",
"type": "timeseries",
"label": "battery",
"color": "#2196f3",
"settings": {},
"_hash": 0.2824681848182091
},
{
"name": "dust_bag",
"type": "timeseries",
"label": "dust_bag",
"color": "#2196f3",
"settings": {},
"_hash": 0.9082216414822215
},
{
"name": "water_level",
"type": "timeseries",
"label": "water_level",
"color": "#2196f3",
"settings": {},
"_hash": 0.3667473404791225
}
],
"label": {
"show": false,
"type": "pattern",
"pattern": "${entityName}",
"patternFunction": null
},
"tooltip": {
"show": true,
"trigger": "hover",
"autoclose": true,
"type": "pattern",
"pattern": "${entityName}
\nDust bag: ${dust_bag:0} %
\nBattery: ${battery:0} %
\nWater level: ${water_level:0} %",
"offsetX": 0,
"offsetY": -1,
"patternFunction": null,
"tagActions": null
},
"click": {
"type": "doNothing"
},
"groups": null,
"edit": {
"enabledActions": [
"add",
"move"
],
"attributeScope": "SERVER_SCOPE",
"snappable": false
},
"xKey": {
"name": "xPos",
"label": "xPos",
"type": "attribute",
"settings": {},
"color": "#2196f3"
},
"yKey": {
"name": "yPos",
"label": "yPos",
"type": "attribute",
"settings": {},
"color": "#2196f3"
},
"markerType": "icon",
"markerShape": {
"shape": "markerShape1",
"size": 34,
"color": {
"type": "constant",
"color": "#307FE5"
}
},
"markerIcon": {
"size": 30,
"color": {
"type": "constant",
"color": "#9C27B0",
"rangeKey": null,
"range": null,
"colorFunction": null
},
"iconContainer": null,
"icon": "mdi:robot-vacuum"
},
"markerImage": {
"type": "image",
"image": "/assets/markers/shape1.svg",
"imageSize": 34
},
"markerOffsetX": 0.5,
"markerOffsetY": 1,
"positionFunction": "return {x: origXPos, y: origYPos};",
"markerClustering": {
"enable": false,
"zoomOnClick": true,
"maxZoom": null,
"maxClusterRadius": 80,
"zoomAnimation": true,
"showCoverageOnHover": true,
"spiderfyOnMaxZoom": false,
"chunkedLoad": false,
"lazyLoad": true,
"useClusterMarkerColorFunction": false,
"clusterMarkerColorFunction": null
}
}
],
"polygons": [
{
"dsType": "device",
"dsLabel": "",
"dsDeviceId": "c91c2a90-b413-11f0-8d2a-7fcbd0bfb6b8",
"dsEntityAliasId": null,
"dsFilterId": null,
"additionalDataSources": null,
"additionalDataKeys": null,
"label": {
"show": false,
"type": "pattern",
"pattern": "${entityName}"
},
"tooltip": {
"show": true,
"type": "pattern",
"pattern": "Robot vacuum working area",
"patternFunction": null,
"trigger": "hover",
"autoclose": true,
"tagActions": null
},
"click": {
"type": "doNothing"
},
"groups": null,
"edit": {
"enabledActions": [
"add",
"remove"
],
"attributeScope": "SERVER_SCOPE",
"snappable": false
},
"fillType": "color",
"fillColor": {
"type": "constant",
"color": "rgba(51,136,255,0.2)"
},
"fillStripe": {
"weight": 3,
"color": {
"type": "constant",
"color": "#8f8f8f"
},
"spaceWeight": 9,
"spaceColor": {
"type": "constant",
"color": "rgba(143,143,143,0)"
},
"angle": 45
},
"fillImage": {
"type": "image",
"image": "/assets/widget-preview-empty.svg",
"preserveAspectRatio": true,
"opacity": 1,
"angle": 0,
"scale": 1
},
"strokeColor": {
"type": "constant",
"color": "#3388ff"
},
"strokeWeight": 0,
"polygonKey": {
"name": "perimeter",
"label": "perimeter",
"type": "attribute",
"settings": {},
"color": "#2196f3"
}
}
],
"circles": [],
"additionalDataSources": [],
"controlsPosition": "topleft",
"zoomActions": [
"scroll",
"doubleClick",
"controlButtons"
],
"scales": [],
"dragModeButton": false,
"fitMapBounds": true,
"useDefaultCenterPosition": false,
"defaultCenterPosition": "0,0",
"defaultZoomLevel": null,
"mapPageSize": 16384,
"mapActionButtons": [],
"background": {
"type": "color",
"color": "#fff",
"overlay": {
"enabled": false,
"color": "rgba(255,255,255,0.72)",
"blur": 3
}
},
"padding": "8px"
},
"title": "Apartment plan #8",
"useDashboardTimewindow": true,
"displayTimewindow": true,
"showTitleIcon": false,
"titleTooltip": "",
"dropShadow": true,
"enableFullscreen": true,
"widgetStyle": {},
"widgetCss": "",
"titleStyle": {
"fontSize": "16px",
"fontWeight": 400
},
"pageSize": 1024,
"noDataDisplayMessage": "",
"configMode": "basic",
"titleFont": null,
"titleColor": null,
"margin": "0px",
"borderRadius": "0px",
"iconSize": "24px",
"titleIcon": "map",
"iconColor": "#1F6BDD",
"actions": {}
},
"row": 0,
"col": 0,
"id": "2a0680ec-0ac7-da27-bedf-e925b5cf4aa6"
},
"aliasesInfo": {
"datasourceAliases": {},
"targetDeviceAlias": null
},
"filtersInfo": {
"datasourceFilters": {}
},
"originalSize": {
"sizeX": 11,
"sizeY": 9
},
"originalColumns": 24,
"widgetExportInfo": {
"markers": {},
"polygons": {}
}
}