Geoserver + openlayer wfs
来源:互联网 发布:淘宝平均客单价 编辑:程序博客网 时间:2024/05/01 18:46
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Resize a Marker</title>
<link rel="stylesheet" href="theme/default/style.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="OpenLayers.js"></script>
<script src="ext-all.js"></script>
<script type="text/javascript">
var map, layer;
var size, icon;
function init(){
var options = {
maxExtent: new OpenLayers.Bounds(-0.7493299999999999,-0.51983,0.50833,0.73783),
units: 'm',
projection: "EPSG:4326"
};
map = new OpenLayers.Map('map',options);
layer = new OpenLayers.Layer.WMS( "MY WMS",
"http://127.0.0.1:8080/geoserver/wms",
{
layers: 'Test:lamp_point123'
}
);
map.addLayer(layer);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addControl(new OpenLayers.Control.MousePosition());
map.zoomToMaxExtent();
var XML;
XML = '<?xml version="1.0" encoding="UTF-8"?>' ;
XML += '<wfs:GetFeature service="WFS" version="1.0.0" outputFormat="GML2"'
XML += ' xmlns:topp="http://www.openplans.org/topp"'
XML += ' xmlns:wfs="http://www.opengis.net/wfs"'
XML += ' xmlns:ogc="http://www.opengis.net/ogc"'
XML += ' xmlns:gml="http://www.opengis.net/gml"'
XML += ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
XML += ' xsi:schemaLocation="http://www.opengis.net/wfs' + "/n";
XML += ' http://schemas.opengis.net/wfs/1.1.0/WFS-basic.xsd">'
//上面是查询用的gml的前缀
XML += '<wfs:Query typeName="Test:lamp_point123">'
XML += '<wfs:PropertyName>Test:LAMPID</wfs:PropertyName>'
XML += '</wfs:Query>'
XML += '</wfs:GetFeature>';
var xmlPara = XML; //返回结果无法解析为gml??-已解决(增加返回结果样式标签)
var request = OpenLayers.Request.POST({
url: "http://localhost:8080/geoserver/wfs?",
data: xmlPara,
callback: onComplete
});
function onComplete(req)
{
var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);
alert("req.responseText :" + req.responseText);
//openlayers的GML解析器
var gmlParse = new OpenLayers.Format.GML();//如果使用wfs1.1.0,则需要增加如下参数:{xy:false }//更改x,y坐标的读取顺序
var features = gmlParse.read(req.responseText);
var icon = new OpenLayers.Icon('images/pp.gif');
var feature, lonlat, marker;
for(var feat in features){
alert(0);
feature = features[feat];
alert(1);
lonlat = new OpenLayers.LonLat(feature.geometry.x,feature.geometry.y);
alert(2);
marker = new OpenLayers.Marker(lonlat,icon.clone());
alert(3);
//此处注册了鼠标的点击事件,可以在mousedown中做些事情
marker.events.register("mousedown", marker, mousedown);
alert(4);
//markers为OpenLayers.Layer.Markers 画点的层
markers.addMarker(marker);
alert(5);
}
}
function mousedown(e)
{
alert(haha);
}
}
</script>
</head>
<body onLoad="init()">
<div id="map" class="smallmap"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Resize a Marker</title>
<link rel="stylesheet" href="theme/default/style.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="OpenLayers.js"></script>
<script src="ext-all.js"></script>
<script type="text/javascript">
var map, layer;
var size, icon;
function init(){
var options = {
maxExtent: new OpenLayers.Bounds(-0.7493299999999999,-0.51983,0.50833,0.73783),
units: 'm',
projection: "EPSG:4326"
};
map = new OpenLayers.Map('map',options);
layer = new OpenLayers.Layer.WMS( "MY WMS",
"http://127.0.0.1:8080/geoserver/wms",
{
layers: 'Test:lamp_point123'
}
);
map.addLayer(layer);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addControl(new OpenLayers.Control.MousePosition());
map.zoomToMaxExtent();
var XML;
XML = '<?xml version="1.0" encoding="UTF-8"?>' ;
XML += '<wfs:GetFeature service="WFS" version="1.0.0" outputFormat="GML2"'
XML += ' xmlns:topp="http://www.openplans.org/topp"'
XML += ' xmlns:wfs="http://www.opengis.net/wfs"'
XML += ' xmlns:ogc="http://www.opengis.net/ogc"'
XML += ' xmlns:gml="http://www.opengis.net/gml"'
XML += ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
XML += ' xsi:schemaLocation="http://www.opengis.net/wfs' + "/n";
XML += ' http://schemas.opengis.net/wfs/1.1.0/WFS-basic.xsd">'
//上面是查询用的gml的前缀
XML += '<wfs:Query typeName="Test:lamp_point123">'
XML += '<wfs:PropertyName>Test:LAMPID</wfs:PropertyName>'
XML += '</wfs:Query>'
XML += '</wfs:GetFeature>';
var xmlPara = XML; //返回结果无法解析为gml??-已解决(增加返回结果样式标签)
var request = OpenLayers.Request.POST({
url: "http://localhost:8080/geoserver/wfs?",
data: xmlPara,
callback: onComplete
});
function onComplete(req)
{
var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);
alert("req.responseText :" + req.responseText);
//openlayers的GML解析器
var gmlParse = new OpenLayers.Format.GML();//如果使用wfs1.1.0,则需要增加如下参数:{xy:false }//更改x,y坐标的读取顺序
var features = gmlParse.read(req.responseText);
var icon = new OpenLayers.Icon('images/pp.gif');
var feature, lonlat, marker;
for(var feat in features){
alert(0);
feature = features[feat];
alert(1);
lonlat = new OpenLayers.LonLat(feature.geometry.x,feature.geometry.y);
alert(2);
marker = new OpenLayers.Marker(lonlat,icon.clone());
alert(3);
//此处注册了鼠标的点击事件,可以在mousedown中做些事情
marker.events.register("mousedown", marker, mousedown);
alert(4);
//markers为OpenLayers.Layer.Markers 画点的层
markers.addMarker(marker);
alert(5);
}
}
function mousedown(e)
{
alert(haha);
}
}
</script>
</head>
<body onLoad="init()">
<div id="map" class="smallmap"></div>
</body>
</html>
- Geoserver + openlayer wfs
- geoserver+openlayer
- 使用Openlayer利用GeoServer编辑要素到postGIS注意问题(WFS-T)
- PostGIS+GeoServer+OpenLayer随笔!
- openlayer之加载wfs服务
- geoserver wfs(-t)
- GeoServer-WMS,WFS,WCS
- geoserver服务wfs之GetFeature
- GeoServer的WFS空间查询
- openlayer 加载wfs 2种方式
- openlayer3加载geoserver发布的WFS服务
- GeoServer中WMS、WFS的请求规范
- Openlayers3 加载 GeoServer WFS的实现
- cesium加载WFS服务(GeoServer发布)
- Js调用GeoServer的wfs服务
- openlayers3调用GeoServer发布的wfs
- Geoserver+MYSQL数据配置,openlayer预览图层异常
- openlayer调用geoserver发布的地图实现地图的基本功能
- 沿曲线速率运动Demo
- VC实现半透明对话框的代码(VC2005) 2011.11.01
- 我的e家,华为HG522 HG522-C ADSL猫破解路由 WIFI教程
- Jsp中Include标签和jsp指令中的Include有什么区别
- Jquery+ashx实现无刷新评论
- Geoserver + openlayer wfs
- Google云存储服务GDrive再度浮出水面
- Dev-Control-gridview的属性说明
- 11-01
- Exploit writing tutorial part 1 Stack Based Overflows
- TS,PS,ES
- HRESULT:0x80070057 (E_INVALIDARG)的异常的解决方案
- MFC 工具栏 Toolbar 自定义 位图 Bitmap
- scott/tiger is locked 解决办法