首页 / OpenLayers / 使用示例
SVG 格式 WMS
一张由页面生成的 SVG 覆盖北京城区，放大后边界依然锐利。
源码与运行效果
说明
官方示例用 ol.source.wms.createLoader() 请求 FORMAT=image/svg+xml 的 GetMap。这里保留 ol.source.Image 的自定义 loader 机制，直接拼出 SVG 字符串并转成 data:image/svg+xml 地址；影像范围、区县多边形和文字都在 SVG 里定义。SVG 作为图片加载，由影像图层统一放置。
| 操作 | 结果 |
|---|---|
| 放大到街区 | 区县边界保持平滑，没有位图锯齿 |
| 缩放到低层级 | 整张 SVG 按范围缩放，文字仍可辨认 |
| 查看顶部 | 显示 FORMAT=image/svg+xml 与影像范围 |
SVG 影像的请求体积随要素数量增长；要素很多时改用矢量图层更省内存，也能做逐要素交互。