<![CDATA[
Контролы в OpenLayers - это специальные классы, добавляющию приложению
дополнительную функциональность, например контрол **LayerSwitcher**
позволяет добавить на карту блок включения/отключения отдельных слоёв,
**ScaleLine** - масштабную линейку, **Permalink** - элемент, содержащий
ссылку на текущий охват карты. Добавим простейший контрол переключения слоёв.
Для этого создайте файл и поместите в него следующий код, после чего откройте его
в браузере.
<html>
<head>
<title>My Map</title>
<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<script>
function init() {
var options = {
div: "mapid",
projection: "EPSG:3857"
};
var map = new OpenLayers.Map(options);
var osm = new OpenLayers.Layer.OSM()
var imagery = new OpenLayers.Layer.WMS(
"Sattelite Image of St. Petersburg",
"http://10.22.0.9/cgi-bin/wms",
{layers: "sattelite_image", transparent: true},
{isBaseLayer: false, opacity: 0.9}
);
var extent = [3322236.017526,8366084.2704585,3418852.421265,8395053.9041745];
map.addLayers([osm, imagery]);
map.zoomToExtent(extent);
var ls = new OpenLayers.Control.LayerSwitcher()
map.addControl(ls);
}
</script>
</head>
<body>
<body onload="init()">
<div id="mapid" style="width:100%; height:100%"></div>
</body>
</html>
]]>