Closed scil closed 2 years ago
I see. use multiple vl-style
<vl-style-box>
<vl-style>
<vl-style-text font="18px " :text="place.name">
<vl-style-fill color="white"/>
<vl-style-stroke color="black"/>
</vl-style-text>
</vl-style>
<vl-style>
<vl-style-text font="14px iconfont" text="" :offsetY="20">
<vl-style-fill color="#ffb224"/>
<vl-style-stroke color="#ffb224"/>
</vl-style-text>
</vl-style>
</vl-style-box>
use multiple vl-style yes, it is a way to combine multiple style layers. vl-style also has
z-index
prop, working similar to cssz-index
and can be use to force order of vl-style during rendering.
vl-style also has
z-index
prop, working similar to cssz-index
and can be use to force order of vl-style during rendering.
Thank you. z-index
is very useful. and I use offsetY
to place them.
the first
vl-style-circle
and the lastvl-style-text
can show up properly. but the middlevl-style-text
can not show up.