OpenLayers地图重点属性摘录Word文档下载推荐.docx
- 文档编号:20715178
- 上传时间:2023-01-25
- 格式:DOCX
- 页数:20
- 大小:35.97KB
OpenLayers地图重点属性摘录Word文档下载推荐.docx
《OpenLayers地图重点属性摘录Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《OpenLayers地图重点属性摘录Word文档下载推荐.docx(20页珍藏版)》请在冰豆网上搜索。
方法一:
varmap=newOpenLayers.Map('
map'
{controls:
[]});
map.addControl(newOpenLayers.Control.PanZoomBar());
方法二:
{controls:
[newOpenLayers.Control.PanZoomBar(),
newOpenLayers.Control.Navigation()]
});
9.Button(按钮):
方法trigger()点击按钮的时候会调用
varbutton=newOpenLayers.Control.Button({
displayClass:
"
MyButton"
trigger:
myFunction
panel.addControls([button]);
10.DragPan(鼠标拖动地图)
11.DrawFeature(在矢量图上画点、线、面)
varlines=newOpenLayers.Layer.Vector("
Lines"
{
styleMap:
newOpenLayers.StyleMap({
pointRadius:
3,
strokeColor:
#ff3300"
strokeWidth:
fillOpacity:
0
})
varpanel=newOpenLayers.Control.Panel({
olControlEditingToolbar"
vardraw=newOpenLayers.Control.DrawFeature(
lines,OpenLayers.Handler.Path,
{displayClass:
olControlDrawFeaturePath"
title:
DrawLines"
}
);
panel.addControls([
newOpenLayers.Control.Navigation({title:
Navigate"
}),
draw
]);
map.addControl(panel);
12.EditingToolbar(编辑工具条)
EditingToolbar包含4个控件:
drawpoint、drawlines、drawpolygon、pannavigation
构造函数参数:
layer(Openlayer.Layer.Vector)、options
varvector=newOpenLayers.Layer.Vector("
EditableVectors"
map.addLayers([vector]);
map.addControl(newOpenLayers.Control.EditingToolbar(vector));
13.Geolocate(地理定位)把w3cgeolocationAPI包装成控件,与地图绑定,位置发生变化时触发事件
14.GetFeature
15.Graticule(格子线)在地图上以grid显示经纬线
16.KeyboardDefaults:
增加了用键盘实现平移缩放功能
map.addControl(newOpenLayers.Control.KeyboardDefaults());
17.LayerSwitcher(图层切换功能)
map.addControl(newOpenLayers.Control.LayerSwitcher());
18.Measure(用于测量绘图):
方法getArea和getLength
19.MousePosition(鼠标位置):
显示鼠标指针移动时的地理坐标
map.addControl(newOpenLayers.Control.MousePosition());
20.MouseToolbar(鼠标工具栏):
有拉框放大的功能,但是需要按住shift键,所以不推荐使用,要实现相同的功能可以使用NavToolbar
21.Navigation(导航):
导航控件处理鼠标事件(拖动、双击、滚动)的地图浏览
这个控件是默认添加到地图中的
22.NavToolbar:
加入了两个mousedefaults控件,通过使用zoomBox实现拉框放大功能
map.addControl(newOpenLayers.Control.NavToolbar());
23.OverviewMap(鹰眼):
默认在地图的右下角
map.addControl(newOpenLayers.Control.OverviewMap());
24.Pan(平移)
25.Panel(面板):
Panel控件是其他控件的容器
Eachcontrolinthepanelisrepresentedbyanicon,即表示添加到面板里面的控件都是用图像表示的
26.PanZoom(平移缩放):
由OpenLayers.Control.PanPanel和OpenLayers.Control.PanPanel这两个控件组成,具有平移和缩放的功能
图标:
map.addControl(newOpenLayers.Control.PanZoom());
27.PanZoomBar(平移缩放工具栏):
由OpenLayers.Control.PanPanel和OpenLayers.Control.ZoomBar这两个控件组成,具有平移和缩放功能,这控件和PanZoom的区别见图标
28.
Permalink(永久链接):
点击永久链接将用户返回到当前地图视图
map.addControl(newOpenLayers.Control.Permalink());
29.Scale(比例尺):
以1:
1这种比率样式显示当前地图的比例
map.addControl(newOpenLayers.Control.Scale());
30.ScaleLine(比例尺):
以线段指标的样式显示当前地图的比例
map.addControl(newOpenLayers.Control.ScaleLine());
31.SelectFeature通过点击或是悬停选择给定层上的Feature
layer(Openlayers.Layer.Vector)、options
属性:
multipleKey
toggleKey
multiple:
是否允许同时选择多个图形
clickout:
取消功能,当点击图形外的任何东西,取消对图形的选择
hover:
鼠标悬停
selectControl=newOpenLayers.Control.SelectFeature(
[vectors1,vectors2],
{
clickout:
true,toggle:
false,
multiple:
false,hover:
toggleKey:
ctrlKey"
//ctrlkeyremovesfromselection
multipleKey:
shiftKey"
//shiftkeyaddstoselection
}
);
map.addControl(selectControl);
selectControl.activate();
32.SLDSelect
33.Snapping(编辑矢量图层时用于捕捉)
34.Split
35.TouchNavigation(触摸导航):
只针对触摸功能的设备的地图绘制应用程序
36.TransformFeature
37.WMSGetFeatureInfo:
使用WMS的查询来获取地图上一个点的信息,显示的格式是Format的
38.WMTSGetFeatureInfo:
使用WMTS的查询来获取地图上一个点的信息,显示的格式是Format的
39.ZoomBox(拉框放大的功能):
与NavToolbar同样,属性out可以实现拉框缩小(这个控件没有实现)
Q:
在界面中使用map.addControl(newOpenLayers.Control.ZoomBox({alwaysZoom:
true}));
并不能实现将拉框控件添加到地图中?
使用创建新类的方法
下面这段代码中调用的this是哪一层?
controls[0]是哪个控件?
OpenLayers.Control.CustomNavToolbar=OpenLayers.Class(OpenLayers.Control.Panel,{
initialize:
function(options){
OpenLayers.Control.Panel.prototype.initialize.apply(this,[options]);
this.addControls([
newOpenLayers.Control.ZoomBox({alwaysZoom:
true})
]);
//this.displayClass='
olControlNavToolbar'
},
draw:
function(){
vardiv=OpenLayers.Control.Panel.prototype.draw.apply(this,arguments);
this.defaultControl=this.controls[0];
returndiv;
}
});
map.addControl(newOpenLayers.Control.CustomNavToolbar());
40.ZoomIn放大使用的时候可以通过PanZoomBar控件,ZoomIn每次放大一个级别
41.ZoomOut缩小使用的时候可以通过PanZoomBar控件,ZoomOut每次缩小一个级别
42.ZoomPanel包括OpenLayers.Control.ZoomIn和OpenLayers.Control.ZoomToMaxExtent和OpenLayers.Control.ZoomOut图标
map.addControl(newOpenLayers.Control.ZoomPanel());
43.ZoomToMaxExtent显示地图的最大程度的缩小
五:
Map
44.Map(地图)
见资料
div(页面中要显示的标签)、options
allOverlays:
?
3
maxExtent:
地图的最大范围
units:
地图的单位
projection:
覆盖默认的投影字符串地图,如果适当,最好还设置maxExtent、maxResolution、units
maxResolution:
最大分辨率
numZoomLevels:
缩放级别数目
知道最大分辨率和缩放级别数目可以直接知道最小和最大的缩放级别
displayProjection:
显示的投影级别,与mouseposition控件结合使用,即设置mouseposition显示使用的坐标系
//createamapwithdefaultoptionsinanelementwiththeid"
map1"
varmap=newOpenLayers.Map("
//createamapwithnon-defaultoptionsinanelementwithid"
map2"
varoptions={
maxExtent:
newOpenLayers.Bounds(-200000,-200000,200000,200000),//最大显示范围
maxResolution:
156543,//最大分辨率
units:
'
m'
//
projection:
EPSG:
41001"
};
options);
//mapwithnon-defaultoptions-sameasabovebutwithasingleargument
varmap=newOpenLayers.Map({
div:
map_id"
newOpenLayers.Bounds(-200000,-200000,200000,200000),
156543,
//createamapwithoutareferencetoacontainer-callrenderlater
六:
Marker
45.Marker包括一个OpenLayers.LonLat和OpenLayers,Icon,注意:
标记一般都是添加到一个特殊的图层,即OpenLayers.Layer.Markers
varmarkers=newOpenLayers.Layer.Markers("
Markers"
map.addLayer(markers);
varsize=newOpenLayers.Size(21,25);
varoffset=newOpenLayers.Pixel(-(size.w/2),-size.h);
varicon=newOpenLayers.Icon('
http:
//www.openlayers.org/dev/img/marker.png'
size,offset);
markers.addMarker(newOpenLayers.Marker(newOpenLayers.LonLat(0,0),icon));
markers.addMarker(newOpenLayers.Marker(newOpenLayers.LonLat(0,0),icon.clone()));
markers.addMarker(newOpenLayers.Marker(newOpenLayers.LonLat(0,0),newOpenLayers.Icon('
)));
标记不能使用同样的图标,但是可以使用clone()方法实现对图标的克隆
46.Box用矩形做标记,同样box要添加到Boxes这个图层里面
下面这个程序为什么没有效果?
varboxes=newOpenLayers.Layer.Boxes("
Boxes"
map.addLayer(boxes);
varbounds=newOpenLayers.Bounds(-10,50,5,60);
varbox=newOpenLayers.Marker.Box(bounds);
//box.events.register("
click"
box,function(e){
//this.setBorder("
yellow"
//});
boxes.addMarker(box);
七:
Popup
47.Popup构造函数参数有六个:
ID、lonlat、contentSize、contentHTML、closeBox、closeBoxCallback
popup=newOpenLayers.Popup("
chicken"
//标识符
newOpenLayers.LonLat(5,40),//在地图上的弹出位置
newOpenLayers.Size(200,200),//弹出的提示框的大小
examplepopup"
//提示框中显示的内容
true);
//是否显示关闭框
map.addPopup(popup);
通过使用下面的方法,可以在标记中添加点击事件,点击时弹出提示框
marker.events.register("
marker,function(e){
map.addPopup(popup);
popup.show();
//如果不加这个方法,popup只有在第一次点击marker的时候才会出现,之后点击都没有效果
});
48.FramedCloud继承Popup,弹出的形状与Popup是不一样的
framedcloud=newOpenLayers.Popup.FramedCloud("
null,
map.addPopup(framedcloud);
49.Anchored
50.AnchoredBubble
八:
Icon
51.Icon(图标)重要属性:
url图片源、size图片大小、offset偏移量
图标一般与marker结合使用
能不能将图标与其他控件结合?
能!
//用来控制图标的大小
//用来控制图标的偏移量
//定义图标
九:
Layer
52.Layer(图层)..\openlayers\openlayers的类与方法.doc
53.ArcGIS93Rest使用ESRI的ArcGISServer9.3地图服务中显示的数据
54.ArcIMS使用ESRI公司的ArcIMS地图服务中显示的数据
55.Bing使用ESRI的Bing地图
56.Boxes为box提供图层方法:
drawMarker、removeMarker
57.GeoRSS添加GeoRSS点功能
58.GML通过解析GML文件创建一个适量图层注意:
过时,在3.0中被移除
59.Google构造函数中的参数:
name显示的名称、options
varghyb=newOpenLayers.Layer.Google(
"
GoogleHybrid"
{type:
G_HYBRID_MAP,sphericalMercator:
true}
60.Grid使用瓷砖晶格层的基类
61.VirtureEarth
varveroad=newOpenLayers.Layer.VirtualEarth(
VirtualEarthRoads"
{'
type'
:
VEMapStyle.Road,sphericalMercator:
varveaer=newOpenLayers.Layer.VirtualEarth(
VirtualEarthAerial"
VEMapStyle.Aerial,sphericalMercator:
varvehyb=newOpenLayers.Layer.VirtualEarth(
VirtualEarthHybrid"
VEMapStyle.Hybrid,sphericalMercator:
62.Yahoo
varyahoo=newOpenLayers.Layer.Yahoo(
YahooStreet"
{sphericalMercator:
varyahoosat=newOpenLayers.Layer.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- OpenLayers 地图 重点 属性 摘录