OpenLayer
来源:互联网 发布:男生送女生香水 知乎 编辑:程序博客网 时间:2024/05/01 13:06
OpenLayer是一个用于浏览器地图展示的js库,用于构建基于网络的地理应用,OpenLayer使用Prototype.js和Rico作为核心库的基础,实现了工业标准的地理数据访问方法(OGC标准)。在企业级GIS应用中,能较好的作为客户端应用开发框架,消除和GIS服务层之间的耦合。
代码:
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>OpenLayers Basic SingleWMSExample</title>
<linkrel="stylesheet" href="../theme/default/style.css" type="text/css"/>
<linkrel="stylesheet" href="style.css" type="text/css"/>
<scriptsrc="../lib/OpenLayers.js"></script>
<scripttype="text/javascript">
var map,layer;
functioninit(){
map = newOpenLayers.Map( 'map' );
layer = newOpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0",
{layers:'basic'} );
map.addLayer(layer);
map.zoomToMaxExtent();
}
</script>
</head>
<bodyonload="init()">
<h1id="title">Basic Single WMSExample</h1>
<divid="tags"></div>
<divid="shortdesc">Show a SimpleMap</div>
<div id="map"class="smallmap"></div>
<divid="docs">
This exampleshows a very simple layout with minimalcontrols. This example uses asingle WMS base layer.
</div>
</body>
</html>
几个关键点:
代码:
function init(){
map = newOpenLayers.Map('map');
var ol_wms = newOpenLayers.Layer.WMS(
"OpenLayersWMS",
"http://labs.metacarta.com/wms/vmap0",
{layers:'basic'}
);
var jpl_wms = newOpenLayers.Layer.WMS(
"NASA GlobalMosaic",
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
{layers:"landsat7"}
);
var dm_wms = newOpenLayers.Layer.WMS(
"DM SolutionsDemo",
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
{
layers:"bathymetry,land_fn,park,drain_fn,drainage," +
"prov_bound,fedlimit,rail,road,popplace",
transparent:"true", format: "image/png"},
{
minResolution: 0.17578125,
maxResolution: 0.703125
}
);
map.addLayers([ol_wms,jpl_wms, dm_wms]);
map.addControl(newOpenLayers.Control.LayerSwitcher());
map.zoomToMaxExtent();
}
这里添加了三个wms服务,每个服务都是作为OL Map的一个Layer,运行之后可以看到BaseLayer和Overlayers,并不包含三个服务中的具体图层。
除了map.addLayers逐个添加服务外,还可以将多个服务作为一个Array一次性加入map中:
代码:
function init(){
map = new OpenLayers.Map( 'map' );
var urlArray =["http://t1.labs.metacarta.com/wms-c/Basic.py",
"http://t2.labs.metacarta.com/wms-c/Basic.py"];
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", urlArray,{layers: 'basic'} );
map.addLayer(layer);
}
4.OL文档
name {String} A name for the layer
url {String} Base url for the WMS(e.g.
params {Object} An object with key/value pairs representing theGetMap query string parameters and parameter values.
options {Ojbect} Hashtable of extra options to tag onto thelayer
代码:
{
layers:"bathymetry,land_fn,park,drain_fn,drainage,prov_bound,fedlimit,rail,road,popplace",
transparent: "true",
format: "image/png"
}
还可以设置第四组参数{'displayInLayerSwitcher':false},layer服务将不显示在服务列表(上图中的蓝色面板)中,默认值为true。{'isBaseLayer':false},默认值为true,服务前显示单选框。这些都需要我们逐步去摸索。
(转自http://www.cnblogs.com/flyingis/archive/2008/11/07/1328987.html)作者:Flyingis
- OpenLayer
- OpenLayer
- geoserver+openlayer
- openlayer label
- OpenLayer(Layer2)
- OpenLayer(OSM)
- openlayer常见问题
- OpenLayer提纲
- Openlayer总结
- openlayer初识
- openlayer朝花夕拾
- PostGIS+GeoServer+OpenLayer随笔!
- Openlayer的一些类
- openlayer web 要素查询
- Geoserver + openlayer wfs
- openlayer map control
- Openlayer学习 网站
- OpenLayer(Sphercial Mercator)
- Hadoop集群部署
- HBase简介
- MapReduce: 一个巨大的倒退
- DES加密、解密字符串算法(java版)
- 正则表达式及其应用简介
- OpenLayer
- openlayers 简介
- nutch中文分词
- Nutch1.0开源搜索引擎与Paoding在e…
- imdict-chinese-analyzer
- nutch的中文分词 imdict-chinese-a…
- 为Nutch 1.0添加JE中文分词
- Nutch开源搜索引擎与Paoding中文分…
- nutch插件机制