No visible pin on Image Marker widget

TagoIO Dashboards
1

Hello,

I am trying to create a localization dashboard using X and Y coordinates on an image of a corridor. I created the dashboard with the image and the device is transmitting the data but I can’t see the pin on the image.

In the payload parser, I take the X and Y in meters and normalize them to 0,1. I also add the layer variable for the corridor layer.

    W_m = 12;
    H_m = 1.42;

    x_norm = x / W_m;
    y_norm = 1 - (y / H_m);

    x_norm = Math.max(0, Math.min(1, x_norm));
    y_norm = Math.max(0, Math.min(1, y_norm));

    data.push({
      variable:'position', 
      value: 1, 
      "metadata": { 
        "x": x_norm,
        "y": y_norm,
        "layer": "Corridor",
    }})

    data.push({
      variable: "layer",
      value: "corridor"
    });

In the inspector I can see that the data is added.

image
image407×380 5.09 KB

In the dashboard, I have an image marker with an image of the corridor set as the layer

image
image426×765 49.4 KB

image
image1536×743 49.5 KB

In the edit widget portion I add the position and layer variables.

image
image254×441 5.25 KB

What else am I missing to visualize the pin?

2

Hi Nicolas,

The Layer variable is placed here instead:

image
image307×821 29.4 KB

In regards to the pin not appearing, its likely due to a inconsistency in the formatting of the data.

Heres an example of how it should look like from our RTLS Kickstarter:

{
“id”: “68a8691e1b9be8000b3fff85”,
“time”: “2025-08-22T12:57:02.719Z”,
“value”: “TagoIO QA Equipment”,
“variable”: “equipment_location”,
“metadata”: {
“layer”: “ci7W9tH3i2sLdk0F67k6o”,
“x”: “0.4989837769111119”,
“y”: “0.49602969513219836”,
“site_name”: “TagoIO QA Site”,
“floor_name”: “Floor 1”,
“site_id”: “68a72cee1f16ee0009c4fcae”,
“layer_id”: “68a7341c99ef4e000adbf1b4”,
“room_name”: “Room 1”,
“temperature”: " 24.3",
“light”: " 22"
},
“created_at”: “2025-08-22T12:57:02.719Z”,
“group”: “68a72d10f695f6000919a7a1”,
“device”: “68a72cee1f16ee0009c4fcae”
}

I’d recommend you create a second profile and use our RTLS kickstarter as it has a already working image marker usage for showing indoor sensor positions.

Take a look here: GitHub - tago-io/analysis-kickstarter: Kickstarter application with premade functionalities to be used at TagoIO

Hope this helps!

3

Hello,

Thanks for the help. I was able to get the pin to visualize on the map for mutable devices, but on immutable devices I get this error:

image
image452×142 2.37 KB

Additionally, when the devices sends new x and y positions, the location only updates when the dashboard is refreshed, is there a workaround to this issue?

4

Hi Nicolas,

Thats because the widget requires the data to be editable, if you utilize a immutable device it will fail since you can’t edit data on a immutable device.