当前位置:首页 » 《休闲阅读》 » 正文

【WebGIS实例】(16)GeoServer 自定义样式 - 渲染矢量数据

16 人参与  2024年10月24日 11:20  分类 : 《休闲阅读》  评论

点击全文阅读


1. 前言

本篇博客将会分享一系列的 GeoServer 样式,通过这些样式预先在服务端完成数据渲染,让前端应用更便捷的加载数据服务。

2. 面矢量

示例数据
在这里插入图片描述

{  type: 'FeatureCollection',  features: [    {      type: 'Feature',      properties: {        分类字段: '字段一'      },      geometry: {        coordinates: [[[158, 44],[158, 40],[165, 40],[165, 44],[158, 44]]],        type: 'Polygon'      },      id: 0    },    {      type: 'Feature',      properties: {        分类字段: '字段二'      },      geometry: {        coordinates: [[[158, 39],[158, 36],[165, 36],[165, 39],[158, 39]]],        type: 'Polygon'      }    },    {      type: 'Feature',      properties: {        分类字段: '字段三'      },      geometry: {        coordinates: [[[166, 44],[166, 41],[174, 41],[174, 44],[166, 44]]],        type: 'Polygon'      }    },    {      type: 'Feature',      properties: {        分类字段: '字段四'      },      geometry: {        coordinates: [[[166, 40],[166, 36],[174, 36],[174, 40],[166, 40]]],        type: 'Polygon'      }    }  ]}

2.1. 无描边单色填充

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?><StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.1.0/StyledLayerDescriptor.xsd" version="1.1.0" xmlns:ogc="http://www.opengis.net/ogc" xmlns:se="http://www.opengis.net/se" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xlink="http://www.w3.org/1999/xlink">  <NamedLayer>    <se:Name>面矢量</se:Name>    <UserStyle>      <se:Name>面矢量</se:Name>      <se:FeatureTypeStyle>        <se:Rule>          <se:Name>无描边单色填充</se:Name>          <se:PolygonSymbolizer>            <se:Fill>              <se:SvgParameter name="fill">#417656</se:SvgParameter>            </se:Fill>          </se:PolygonSymbolizer>        </se:Rule>      </se:FeatureTypeStyle>    </UserStyle>  </NamedLayer></StyledLayerDescriptor>

修改上述代码中的 #417656 即可改变配色。

2.2. 描边单色填充

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?><StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:se="http://www.opengis.net/se" version="1.1.0" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xlink="http://www.w3.org/1999/xlink" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.1.0/StyledLayerDescriptor.xsd">  <NamedLayer>    <se:Name>面矢量</se:Name>    <UserStyle>      <se:Name>面矢量</se:Name>      <se:FeatureTypeStyle>        <se:Rule>          <se:Name>描边单色填充</se:Name>          <se:PolygonSymbolizer>            <se:Fill>              <se:SvgParameter name="fill">#417656</se:SvgParameter>            </se:Fill>            <se:Stroke>              <se:SvgParameter name="stroke">#000</se:SvgParameter>              <se:SvgParameter name="stroke-width">1</se:SvgParameter>              <se:SvgParameter name="stroke-linejoin">bevel</se:SvgParameter>            </se:Stroke>          </se:PolygonSymbolizer>        </se:Rule>      </se:FeatureTypeStyle>    </UserStyle>  </NamedLayer></StyledLayerDescriptor>

2.3. 根据属性字段分类填充

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?><StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:se="http://www.opengis.net/se" version="1.1.0" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xlink="http://www.w3.org/1999/xlink" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.1.0/StyledLayerDescriptor.xsd">  <NamedLayer>    <se:Name>面矢量</se:Name>    <UserStyle>      <se:Name>面矢量</se:Name>      <se:FeatureTypeStyle>        <se:Rule>          <se:Name>字段一</se:Name>          <se:Description>            <se:Title>字段一</se:Title>          </se:Description>          <ogc:Filter xmlns:ogc="http://www.opengis.net/ogc">            <ogc:PropertyIsEqualTo>              <ogc:PropertyName>分类字段</ogc:PropertyName>              <ogc:Literal>字段一</ogc:Literal>            </ogc:PropertyIsEqualTo>          </ogc:Filter>          <se:PolygonSymbolizer>            <se:Fill>              <se:SvgParameter name="fill">#f7fbff</se:SvgParameter>            </se:Fill>          </se:PolygonSymbolizer>        </se:Rule>        <se:Rule>          <se:Name>字段二</se:Name>          <se:Description>            <se:Title>字段二</se:Title>          </se:Description>          <ogc:Filter xmlns:ogc="http://www.opengis.net/ogc">            <ogc:PropertyIsEqualTo>              <ogc:PropertyName>分类字段</ogc:PropertyName>              <ogc:Literal>字段二</ogc:Literal>            </ogc:PropertyIsEqualTo>          </ogc:Filter>          <se:PolygonSymbolizer>            <se:Fill>              <se:SvgParameter name="fill">#c8dcf0</se:SvgParameter>            </se:Fill>          </se:PolygonSymbolizer>        </se:Rule>        <se:Rule>          <se:Name>字段三</se:Name>          <se:Description>            <se:Title>字段三</se:Title>          </se:Description>          <ogc:Filter xmlns:ogc="http://www.opengis.net/ogc">            <ogc:PropertyIsEqualTo>              <ogc:PropertyName>分类字段</ogc:PropertyName>              <ogc:Literal>字段三</ogc:Literal>            </ogc:PropertyIsEqualTo>          </ogc:Filter>          <se:PolygonSymbolizer>            <se:Fill>              <se:SvgParameter name="fill">#73b2d8</se:SvgParameter>            </se:Fill>          </se:PolygonSymbolizer>        </se:Rule>        <se:Rule>          <se:Name>字段四</se:Name>          <se:Description>            <se:Title>字段四</se:Title>          </se:Description>          <ogc:Filter xmlns:ogc="http://www.opengis.net/ogc">            <ogc:PropertyIsEqualTo>              <ogc:PropertyName>分类字段</ogc:PropertyName>              <ogc:Literal>字段四</ogc:Literal>            </ogc:PropertyIsEqualTo>          </ogc:Filter>          <se:PolygonSymbolizer>            <se:Fill>              <se:SvgParameter name="fill">#2979b9</se:SvgParameter>            </se:Fill>          </se:PolygonSymbolizer>        </se:Rule>      </se:FeatureTypeStyle>    </UserStyle>  </NamedLayer></StyledLayerDescriptor>

持续(缓慢)更新……


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/176715.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 新章速递汤安甯,白子奕,汤贝贝是什么小说(结婚十年,回归家庭的老婆在外有二胎了)完本阅读无广告(结婚十年,回归家庭的老婆在外有二胎了)
  • 娇牛马导师偷我论文99篇成功升博导,我让他牢底坐穿精校文本_周老师师姐师兄爽文_小说后续在线阅读_无删减免费完结_
  • 独家顾宇,罗薇:结局+番外精编之作(资助生装阔气,我可不参加)电子书畅享阅读
  • 宗门全员重生,小师妹摆烂不干了(君拂君芙蓉)_宗门全员重生,小师妹摆烂不干了
  • 成了高考状元后,我倒欠两百万完结txt_阿姨叶青江安TOP10_小说后续在线阅读_无删减免费完结_
  • 嫁绝嗣长官,好孕作精在七零躺赢小说(顾嘉宁)序章+全章阅读(嫁绝嗣长官,好孕作精在七零躺赢)最新章节
  • 秦安,温千雪:+后续现已上架(大宋:开局错把皇帝当亲爹):结局+番外评价五颗星
  • 八零我被判黑五类下矿区后,手撕兼祧两房的丈夫无法释怀_陈叙张悦翠花新鲜出炉_小说后续在线阅读_无删减免费完结_
  • 开局签到天人修为,建立无上神朝无法释怀_叶玄后续+完结_小说后续在线阅读_无删减免费完结_
  • ,沐小暖番外(恶毒后娘她真香)TXT+后续+结局在线阅读
  • 萌萌,多多,阿钰小说(我妈的执念)+前传(萌萌,多多,阿钰)阅读
  • 沈菲,楚思明,楚砚洲(哥哥急需颅内手术,黄金右手的我却拒绝执刀)小说***下载_章节前文+后续(沈菲,楚思明,楚砚洲)

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1