openlayers属性数据mysql_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()如图:

test.jsp?url=http%3A%2F%2Fhi.csdn.net%2Fattachment%2F201110%2F20%2F0_1319079783TH1D.gif&refer=http%3A%2F%2Fblog.csdn.net%2Fwozaifeiyang0%2Farticle%2Fdetails%2F6889818

2、鹰眼控件

new OpenLayers.Control.OverviewMap()

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

3、地图点击控件

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

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

map.addControl(click);

test.jsp?url=http%3A%2F%2Fhi.csdn.net%2Fattachment%2F201110%2F20%2F0_1319086850m4sS.gif&refer=http%3A%2F%2Fblog.csdn.net%2Fwozaifeiyang0%2Farticle%2Fdetails%2F6889818

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));

test.jsp?url=http%3A%2F%2Fhi.csdn.net%2Fattachment%2F201110%2F21%2F0_1319184393KKaC.gif&refer=http%3A%2F%2Fblog.csdn.net%2Fwozaifeiyang0%2Farticle%2Fdetails%2F6889818

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时,地图只能放缩一次。

f68f2add0b68e4f9810432fce46917b7.png

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值