Geoserver点图层设置SVG图标显示不全问题记录

最新推荐文章于 2026-06-25 10:06:53 发布

原创

最新推荐文章于 2026-06-25 10:06:53 发布 · 2.2k 阅读

标签

#前端

收录于

本文探讨了在Geoserver中配置SLD样式时，SVG图标显示不全的问题，分析了长宽比和尺寸过大导致的不显示，提供了调整方法和取巧解决方案。

一、问题。Geoserver点图层配置SLD样式，ExternalGraphic设置SVG图标时，有些图标在地图上显示时，会显示不全或不显示。
如下图所示：

SVG图标如下：

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 84 84" style="enable-background:new 0 0 84 84;" xml:space="preserve">
<style type="text/css">
    .st0{fill:none;stroke:#FFF;stroke-width:3;stroke-miterlimit:3;}
    .st30{fill:#FFF;stroke:#FFF;stroke-width:3;stroke-miterlimit:0;}
</style>
<line class="st30" x1="42" y1="42" x2="42" y2="4"/>
<!-- cricle R62  -->
<circle class="st0" cx="42" cy="62" r="20"/>
</svg>

二、解决。后经过分析验证SVG图标显示不全由两个问题引起：

1、图标长宽比差别太大(比如20*8就不行，具体多少没验证，自己试验)；