OpenLayers学习——Style及StyleMap(三)

最新推荐文章于 2024-04-01 00:45:00 发布

修哥

最新推荐文章于 2024-04-01 00:45:00 发布

阅读量8.7k

点赞数

分类专栏： OpenLayers 文章标签： OpenLayers StyleMap Style

本文链接：https://blog.csdn.net/devcopper/article/details/26571617

版权

本文深入探讨了OpenLayers中如何使用Style和StyleMap进行地图符号化，并结合过滤器规则进行绘图。通过OpenLayers.Rule类，按照指定规则进行图层样式设置，介绍了SLD（图层样式描述文件格式）及其在开源软件中的应用。同时，讲解了OpenLayers.Filter.Comparison类，用于比较过滤，包括各种比较运算符，并解析了Rule类中的关键属性。

摘要由CSDN通过智能技术生成

本节使用官网例子学习OpenLayers绘图是使用过滤器，即按照指定的规则进行符号化。主要代码如下：

<script type="text/javascript">
        var map;

        function init() {
            map = new OpenLayers.Map("map", { controls: [] });
            var wms = new OpenLayers.Layer.WMS("wmsName",
                "http://vmap0.tiles.osgeo.org/wms/vmap0",
                { layers: "basic" });
            map.addLayer(wms);
            map.addControl(new OpenLayers.Control.Navigation());
            map.addControl(new OpenLayers.Control.PanZoom());
            map.zoomToMaxExtent();

            // 自动检测不同的渲染器
            var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
            renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderer;

            var layer = new OpenLayers.Layer.Vector("simple geometry", {
                styleMap: new OpenLayers.StyleMap({
                    "default": new OpenLayers.Style(null, {
                        rules: [
                            new OpenLayers.Rule({