Opened 7 years ago
Last modified 7 years ago
#14926 closed defect
repeat-image-phase: does not work. — at Initial Version
Reported by: | Allroads | Owned by: | team |
---|---|---|---|
Priority: | major | Milestone: | 17.07 |
Component: | Core mappaint | Version: | tested |
Keywords: | template_report | Cc: |
Description
I try to express the access in barrier and highway with a imagery
I managed to do that on the node for barrier, but.
On the highway I do not get the string of icons like on the node.
"repeat-image-phase" doe not do anything.
I used positive and negative number 50 / -50,
My conclusion is that "repeat-image-phase" is not working well.
Note: the imagery is a svg but the original size is not all the same the imagery's, I just set the height on 15.
Because of this different size, the wides are different, this give the effect that further on the highway
I expect that with setting for each icon the "repeat-image-spacing" on the same number, I get a string of icons like on the node. This "repeat-image-spacing" needs to calculate the "repeat-image-phase" in the adjustment for each image, so that we get a string of imagery.
Now you see because of different image sizes the space further on the line/way/highway are getting different.
It should be possible to use different size of svg imagery, foot is just smaller than a bicycle, the space between then should otherwise be to big, if it must be all the same imagery sizes.
======================================================
mapcss partly to get the idea of the numbering:
/*
*
FOOT
*
*/
node|z17-[barrier][foot=yes]::access_foot_nodelayer {
icon-image: footNL-green.svg;
icon-height: 15;
icon-offset-x: 25;
icon-offset-y: -12;
}
node|z17-[barrier][foot=no]::access_foot_nodelayer {
icon-image: footNL-red.svg;
icon-height: 15;
icon-offset-x: 25;
icon-offset-y: -12;
}
way|z17-[highway][foot=yes]::access_foot_waylayer {
repeat-image: footNL-green.svg;
repeat-image-height: 15;
repeat-image-offset: 10;
repeat-image-phase: 25;
repeat-image-spacing: 400;
}
way|z17-[highway][foot=no]::access_foot_waylayer {
repeat-image: footNL-red.svg;
repeat-image-height: 15;
repeat-image-offset: 10;
repeat-image-phase: 25;
repeat-image-spacing: 400;
}
/*
*
BICYCLE
*
*/
node|z17-[barrier][bicycle=yes]::access_bicycle_nodelayer {
icon-image: bicycleNL-green.svg;
icon-height: 15;
icon-offset-x: 45;
icon-offset-y: -12;
}
node|z17-[barrier][bicycle=no]::access_bicycle_nodelayer {
icon-image: bicycleNL-red.svg;
icon-height: 15;
icon-offset-x: 45;
icon-offset-y: -12;
}
way|z17-[highway][bicycle=yes]::access_bicycle_waylayer {
repeat-image: bicycleNL-green.svg;
repeat-image-height: 15;
repeat-image-offset: 10;
repeat-image-phase: 45;
repeat-image-spacing: 400;
}
way|z17-[highway][bicycle=no]::access_bicycle_waylayer {
repeat-image: bicycleNL-red.svg;
repeat-image-height: 15;
repeat-image-offset: 10;
repeat-image-phase: 45;
repeat-image-spacing: 400;
}
/*
*
MOFA
*
*/
node|z17-[barrier][mofa=yes]::access_mofa_nodelayer {
icon-image: mofaNL-green.svg;
icon-height: 15;
icon-offset-x: 75;
icon-offset-y: -12;
}
node|z17-[barrier][mofa=no]::access_mofa_nodelayer {
icon-image: mofaNL-red.svg;
icon-height: 15;
icon-offset-x: 75;
icon-offset-y: -12;
}
way|z17-[highway][mofa=yes]::access_mofa_waylayer {
repeat-image: mofaNL-green.svg;
repeat-image-height: 15;
repeat-image-offset: 10;
repeat-image-phase: 75;
repeat-image-spacing: 400;
}
way|z17-[highway][mofa=no]::access_mofa_waylayer {
repeat-image: mofaNL-red.svg;
repeat-image-height: 15;
repeat-image-offset: 10;
repeat-image-phase: 75;
repeat-image-spacing: 400;
}
Example of problem