I’m trying to create an ellipse that can be filled with an image url from a data source. I can’t seem to figure out how to do this for the life of me. Any help would be appreciated. Here’s what I’ve got so far:
Data Source Image (attempt):
{
"defs": >],
"properties": o
{
"name": "imageUrl",
"type": "string",
"default": "https://via.placeholder.com/100",
"label": "Image URL"
}
],
"images": {
"logo": {
"type": "url",
"source": "{{=@imageUrl}}"
}
},
"geometry": g
{
"type": "ellipse"
}
],
"style": {
"fill": {
"type": "image",
"ref": "logo",
"mode": "stretch"
},
}
}
Is {{=@imageUrl}} wrong?
Switching the type and source out for a local image works just fine:
{
"defs": ],
"properties": p
{
"name": "imageUrl",
"type": "string",
"default": "https://via.placeholder.com/100",
"label": "Image URL"
}
],
"images": {
"logo": {
"type": "file",
"source": "logo.png"
}
},
"geometry":
{
"type": "ellipse"
}
],
"style": {
"fill": {
"type": "image",
"ref": "logo",
"mode": "stretch"
},
}
}
Of course this does not give the desired outcome.
What’s the proper way to do this?