欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  数据库

OpenLayers系列(2)多个图层

程序员文章站 2022-05-30 14:04:48
...

工具的使用步骤请参考 OpenLayers系列(1)——入门示例 一节。 多图层地图的构成 多图层的地图由两种图层构成: base layer 和 overlay layer 。 Base layer: 任何一个地图中都存在至少一个图层,否则你的应用将呈现空白,我们把最基本的一个图层称为base lay

工具的使用步骤请参考 OpenLayers系列(1)——入门示例 一节。

多图层地图的构成

多图层的地图由两种图层构成:base layeroverlay layer

Base layer: 任何一个地图中都存在至少一个图层,否则你的应用将呈现空白,我们把最基本的一个图层称为base layer。Base layer不止一种或一个,你可以选择任意一个图层作为应用的base layer,但是任何时候base layer都只能有一个是turn on的,如果程序在打开一个base layer时发现已经存在另一个打开着的base layer,则应用会关掉之前的base layer而使用最近打开的一个。所以base layer在地图中的概念就像是(radio button)一个单选按钮。

Overlay layer: 非base layer的图层统称为overlay layer。应用中可使用并同时打开任何多的overlay layer,你可以使用参数设置该层是否显示。Overlay layer在地图中的概念就像是(checkbox)多选框。

以上概念你可以在OpenLayers提供的一个图层切换器上形象地看到。

示例1

以下是一个包含两个图层和图层切换器的示例,该示例在base layer上加上了国家,城市,洲名层:

OpenLayers系列(2)多个图层

打开图层切换器:

OpenLayers系列(2)多个图层

示例1代码:


My OpenLayers Map


示例2

示例2主要展示部分图层参数的效果,该示例一共有5个图层,第个图层有不同效果,可以不断放大查看。

OpenLayers系列(2)多个图层OpenLayers系列(2)多个图层

代码如下:


My OpenLayers Map