巧用Openlayers4的Style

概述

非常喜欢Openlayers4中的StyleFunction,因为它可以让我非常方便的实现各种效果,本文带你一起一探究竟。

StyleFunction

StyleFunction是一个样式函数,参数包括:feature和resolution,如下图。

StyleFunction

不过,一般来说,resolution我用的很少,我一般会用zoom替换掉resolution这个参数;StyleFunction的返回值包括两种:样式或样式数组,如上图API。

样例

随着缩放点大小变化

级别1

级别2

2、级别>4的时候出现标注

级别

级别>4

3、样式组合

样式组合

4、展示线的节点

展示节点

5、带箭头的线

带箭头的线

技术博客

CSDN:http://blog.csdn.NET/gisshixisheng

博客园:http://www.cnblogs.com/lzugis/

在线教程

https://edu.csdn.net/course/detail/7471

Github

https://github.com/lzugis/

联系方式

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180430G0PV1300?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券