PDA

View Full Version : How to customise route appearance iOS



high5fly
08.03.2016, 16:14
Hi,

I would like to customise in our app the route appearance, more precisely the width of the line representing the route displayed. I have already did it with the colour of the line (in the daystyle.json), but also would like to make the route line thinner. Is it possible?

KR,
Milo

Adela_Silvia
08.03.2016, 19:07
This is defined in the style file you can modify the style file yourself or use the StyleEditor to make the change.
To download the StyleEditor
Mac http://developer.skobbler.com/download/StyleEditor_MacOS_2_5.zip
Windows http://developer.skobbler.com/download/StyleEditor_Windows_2_5.zip

If you want to look directly in the style file for the route definition you need to look at element 0 there you have the definition of the route's width at various zoom levels. You can override the colour and width for each zoom level.

{
"id" : "0.4",
"isattribute" : true,
"line" :
{
"fill" :
{
"color" : "47A9FF",
"width" : 1.0
},
"outline" :
{
"color" : "0080FF",
"width" : 1.0
},
"lineattributes" :

{

"linejointype" : 1 // round joints

}
}
},
{
"id" : "0.5",
"isattribute" : true,
"line" :
{
"fill" :
{
"width" : 1.346150
}
}
},
{
"id" : "0.7",
"isattribute" : true,
"line" :
{
"fill" :
{
"width" : 1.373630
}
}
},
{
"id" : "0.8",
"isattribute" : true,
"line" :
{
"fill" :
{
"width" : 1.50
}
}
},
{
"id" : "0.9",
"isattribute" : true,
"line" :
{
"fill" :
{
"width" : 1.80
}
}
},
{
"id" : "0.11",
"isattribute" : true,
"line" :
{
"fill" :
{
"width" : 2.0
}
}
},
{
"id" : "0.12",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 2.20
}
}
},
{
"id" : "0.13",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 2.80
}
}
},
{
"id" : "0.14",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 4.0
}
}
},
{
"id" : "0.15",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 5.0
}
}
},
{
"id" : "0.16",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 11.0
}
}
},
{
"id" : "0.17",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 19.0
},
"outline" :
{
"width" : 2.0
}
}
},
{
"id" : "0.18",
"isattribute" : true,
"line" :
{
"fill" :
{
"3dfactor" : 1.20,
"width" : 25.0
}
},
"type" : "route"
},

high5fly
08.03.2016, 19:12
Hi Adela,

Thank you for your fast reply. I have done the proposed by you change but didn't impact the width of the line. Anyway I will give another try and will try the styling tool and will let you know about the result.

KR,
Miro

P.S. I have another question regarding SDKTools, let me know if I can ask you here or should I open new thread?!

Adela_Silvia
09.03.2016, 10:18
Please open another thread

high5fly
09.03.2016, 13:59
Worked just fine, thank you for your help.