Openlayers学习笔记——Vector Layer Style

我们了解到Vector layer能够完成很多工作,这节将更深入的探讨在矢量图层上怎样定制要素的外观,定制矢量要素的外观工作与control的外观定制非常相似,但是在矢量要素外观的定制上采用Style和StyleMap对象来代替CSS,由于矢量图层不使用栅格图像,我们可以用这种方式定制矢量图层。指定SVG(或者VML或Canvas)元素的样式。
我们很容易通过修改默认样式文件来改变要素的样式,但是在矢量图层的要素,需要引用Rule类和Filter类,通过他们指定要素的样式。我们能做的不仅仅是改变颜色。我们可以改变大小,透明线风格,和各种各样的其他特性。
采用样式有三种方式:
%使用Style和StyleMap对象;
%直接在图层上引用symbolizer;
%直接对要素才有symbolizer(但是只能在从数据源中读取数据是出现);
StyleMap本质上是一种Style对象映射到要素的各种不同状态或者意图,比如说,要素对象通常设置为默认意图,当你select某一要素时,它获得select意图,当然它的样式也对应着select意图的样式。
Style对象包含样式符号库或者说是很多风格属性和值。我们利用符号库去定义样式,可以将符号库应用于Style对象、图层对象、甚至单个要素。

2. symbolizer符号库
symbolizer是个由健值对组成的匿名对象,这些健值对都是来描述样式属性的,与CSS很相似。例如 { fillColor: '#336699', strokeWidth: 4 }就是个符号库,它说明要素的颜色是#336699,笔画宽度是4个像素。
当创建Style对象来指定某些要素的样式属性时我们使用symbolizer,我们直接在矢量图层上使用符号库,也可以在数据源文件中读取样式信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

未来AI编程

共鸣===鼓励 打赏您随意

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值