openlayers框架介绍(一)

   openlayers是一种针对WebGIS进行开发的开源的js框架,和Arcgis API for javascript的dojo框架类似,是符合OGC标准的js开源框架,该框架中实现的最基本的地图功能,目前最新的版本是openlayers2.13.1,我下载的版本是openlayers2.12,下面我已我的版本为例进行openlayers框架的基本介绍。

  首先,需要在官网下载对应的压缩包。然后解压压缩包,具体下载地址为http://openlayers.org/download/

   解压后我们看到img ,lib,theme三个文件夹和OpenLayers.js和OpenLayers.debug.js两个js文件,如图

其中img是自定义的控件图片,lib中包含firebug,openlayers,rico三个文件夹和deprecated.js及OpenLayers.js两个js文件,如图

在Openlayers文件夹中就是所有的基类和创建的控件的js文件集合,如图

      由于有两个OpenLayers.js文件,很多人都会搞糊涂,我页面引用的时候用哪一个??,下面我就这个问题向大家说明一下,首先在根目录下的OpenLayers.js其实是lib文件中所有js脚本的整合体,我们可以看到OpenLayers.debug.js脚本,其实这是Openlayers.js的未加密版。而在lib文件夹中的OpenLayers.js相当于一个加载所有js文件的配置文件,其中的变量jsFiles就是用来存储所有js脚本的。简而言之,根目录下的OpenLayers.js就是将lib下面的所有js都写到一个文件里了,只引用这一个文件就可以,而lib下的Openlayers.js相当于一个配置文件利用document.write方法将所有脚本加载到网络上。

   但是,我们在OpenLayers.js中看到这样一句话:

也就是说,在3.0版本之后,将不再支持配置文件的方式,也就是说我们只能引用根目录中的OpenLayers.js脚本文件

    因此,当我们需要添加自定义控件时,有三种方法可以实现:

1、直接将自定义控件的脚本复制到OpenLayers.debug.js中,然后压缩脚本文件成OpenLayers.js然后在页面中引用OpenLayers.js

2、将自定义控件放置在lib中(注意文件路径要放对),然后在lib的OpenLayers.js中的jsFiles中加入对应字符串,然后在页面中引用lib/OpenLayers.js

3、将自定义控件js文件放到任意文件夹中(可以一个控件定义一个文件,也可以多个控件定义在一个文件中),除了引用上面中的其中一种js脚本之外,也要引入该自定义控件的脚本路径(不要忘记样式)

建议:因为3.0之后就不再使用配置文件方式,而且为了不破坏原有的文件框架,我们最好使用第三种方式,这样便于扩展而且不会破坏原有结构。

   下篇文章,我们将通过具体例子对整个框架进行细致的讲解



转载自:https://blog.csdn.net/sparkzwx/article/details/38511513

You may also like...