OpenLayers深入浅出（2）

一、map控件介绍： 1、创建图层控件显隐组建new OpenLayers.Control.LayerSwitcher()如图： 2、鹰控件 new OpenLayers.Control.OverviewMap() 添加鹰方式：map.addControl(new OpenLayers.Control.OverviewMap()); 3、地图点击控件 当点击地图时，点击的点移

一、map控件介绍：

1、创建图层控件显隐组建new OpenLayers.Control.LayerSwitcher()如图：

2、鹰眼控件

new OpenLayers.Control.OverviewMap()

添加鹰眼方式： map.addControl(new OpenLayers.Control.OverviewMap());

3、地图点击控件

当点击地图时，点击的点移到地图中心位置。

var click = new OpenLayers.Control.Click();
map.addControl(click);

4、显示地图坐标位置的控件

map.addControl( new OpenLayers.Control.MousePosition() );

5、selectFeature(box)控件

var sf = new OpenLayers.Control.SelectFeature(boxes);
map.addControl(sf);
sf.activate();

6、显示编辑控件

map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));

7、拖拽控件

var dragFeature = new OpenLayers.Control.DragFeature(layer);

dragFeature .activate();

8、导航历史控件

nav = new OpenLayers.Control.NavigationHistory();

9、navtoolbar工具

var panel = new OpenLayers.Control.NavToolbar();通过这个工具可以进行对地图的放大和漫游

map中常用的控件 controls: [
new OpenLayers.Control.Navigation(),//导航
new OpenLayers.Control.PanZoomBar(),//漫游
new OpenLayers.Control.LayerSwitcher({'ascending':false}),//overlayers
new OpenLayers.Control.ScaleLine(),//比例尺
new OpenLayers.Control.Permalink('permalink'),//永久链接
new OpenLayers.Control.MousePosition(),//显示鼠标坐标
new OpenLayers.Control.OverviewMap(),//鹰眼
new OpenLayers.Control.KeyboardDefaults()//键盘
]

二、map属性介绍：

numZoomLevels：运行缩放的比例个数，如值为2时，地图只能放缩一次。