OpenLayers项目分析[转]（八）：地图表现（续）

（八）地图表现（续）

为了让更多的人看到这篇好文章，我把它转载到这里，这篇文章转载自http://www.3snews.net/html/24/10624-17577.html，原文作者如觉得不妥，可联系我删除之。

 

　　上一回说到OpenLayers.Map类，这回介绍组成Map的主体部分OpenLayers. Layer类，先从其实现细节上分析，看它是怎么设计出来的。关于它许许多多的子类，即各种图层，想单独写一篇。

　　OpenLayers. Layer提供了一个EVENT_TYPES常量，用于支持关于图层的应用事件类型，这些事件有"loadstart", "loadend", "loadcancel", "Visibilitychanged"。

　　它“固有”的３个属性：id,name,div。其中，id和name是layer的身份，在对图层进行操作的时候，就是用它们标志的。至于div，大家都制知道，DOM元素，用于存放图层。

　　定义的map、event属性，是图层对象对map、event对象的引用；projection属性，设置默认情况下，地图的投影，同时也设置maxExtent, maxResolution, 和units 。

　　来看看构造函数：

     * name - {String} The layer name

     * options - {Object} Hashtable of extra options to tag onto the layer

     */

    initialize: function(name, options) {

 

        this.addOptions(options);

 

        this.name = name;

        

        if (this.id == null) {

 

            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + "_");

 

            this.div = OpenLayers.Util.createDiv();

            this.div.style.width = "100%";

            this.div.style.height = "100%";

            this.div.id = this.id;

 

            this.events = new OpenLayers.Events(this, this.div, 

                                                this.EVENT_TYPES);

        }

 

        if (this.wrapDateLine) {

            this.displayOutsideMaxExtent = true;

        }

    }

OpenLayers中每一个类的构造函数都是以initialize命名的。

　　再看看其成员函数：

　　destroy函数，相当于析构函数；

　　onMapResize，removeMap　虚函数，提供给子类继承；

　　//移动函数

　　moveTo:function(bounds, zoomChanged, dragging) {

        var display = this.visibility;

        if (!this.isBaseLayer) {

            display = display && this.inRange;

        }

        this.display(display);

    }

　　下面一组函数是Baselayer Functions函数，就是layer是Baselayer 的话，所用的函数。

比如，initResolutions、getResolution、getExtent等。

　　通过这两次的分析，可以发现，Map和Layers的关系：它们是相互引用的。实际上是这样，OpenLayers的Map类主要包含了对每个图层的引用，对每个控件的引用，对事件的引用，对装载容器的引用（其实就是那些map上层的div）以及对pop的引用，而其自身又包含有大量的方法和属性。图层主要包含了对map的引用，对自身div容器的引用以及事件的引用，而图层自身又包含了大量的属性和方法。map引用了layer，而layer又引用了map，这里就直接形成了循环引用关系。

　　这样的组成和关联关系，每动一下，就会涉及到大量的对象，影响了性能。