二十九、openlayers官网示例DeclutterGroup解析——避免矢量图层的文字重叠

卷新心菜

于 2024-05-28 22:00:00 发布

阅读量917

点赞数 1

分类专栏： openlayers官网示例解析文章标签：前端 openlayers官方示例 openlayers 地图 GIS

本文链接：https://blog.csdn.net/aaa_div/article/details/139254477

版权

官网demo地址：

Declutter Group

这篇说的是如何设置矢量图层上多数据点文字不重叠。

主要是属性declutter ，用于处理矢量图层上重叠的标注和符号，为true时启用去重叠功能。所有矢量特征的标注和符号都会被处理以避免重叠。false则与之相反。separate将标注和符号分别处理，避免它们之间的相互覆盖。

const overlay = new VectorLayer({
        declutter: "separate", //true false separate
        source: new VectorSource({
          features: [
            new Feature({
              geometry: new Point([116.2, 39.8]),
              text: "111",
            }),
            new Feature({
              geometry: new Point([116.4, 39.7]),
              text: "222",
            }),
            new Feature({
              geometry

最低0.47元/天解锁文章