WMSPost.html

Revision 1941, 7.0 kB (checked in by fvanderbiest, 6 months ago)
fvanderbiest sandbox: export openlayers trunk @r10096

Line
1	<html xmlns="http://www.w3.org/1999/xhtml">
2	<head>
3	<title>OpenLayers Basic WMS Example via HTTP-POST protocol</title>
4	<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
5	<link rel="stylesheet" href="style.css" type="text/css" />
6	<script src="../lib/OpenLayers.js"></script>
7	<script type="text/javascript">
8	var map;
9
10	function init(){
11	var sld = '<StyledLayerDescriptor version="1.0.0">';
12	sld+= '<NamedLayer>';
13	sld+= '<Name>topp:tasmania_roads</Name>';
14	sld+= '<UserStyle>';
15	sld+= '<IsDefault>1</IsDefault>';
16	sld+= '<FeatureTypeStyle>';
17	sld+= '<Rule>';
18	sld+= '<LineSymbolizer>';
19	sld+= '<Stroke>';
20	sld+= '<CssParameter name="stroke">';
21	sld+= '<Literal>#787878</Literal>';
22	sld+= '</CssParameter>';
23	sld+= '<CssParameter name="stroke-width">';
24	sld+= '<Literal>2</Literal>';
25	sld+= '</CssParameter>';
26	sld+= '</Stroke>';
27	sld+= '</LineSymbolizer>';
28	sld+= '</Rule>';
29	sld+= '</FeatureTypeStyle>';
30	sld+= '</UserStyle>';
31	sld+= '</NamedLayer>';
32
33	sld+= '<NamedLayer>';
34	sld+= '<Name>topp:tasmania_water_bodies</Name>';
35	sld+= '<UserStyle>';
36	sld+= '<IsDefault>1</IsDefault>';
37	sld+= '<FeatureTypeStyle>';
38	sld+= '<Rule>';
39	sld+= '<LineSymbolizer>';
40	sld+= '<Stroke>';
41	sld+= '<CssParameter name="stroke">';
42	sld+= '<Literal>#4F94CD</Literal>';
43	sld+= '</CssParameter>';
44	sld+= '<CssParameter name="stroke-width">';
45	sld+= '<Literal>3</Literal>';
46	sld+= '</CssParameter>';
47	sld+= '</Stroke>';
48	sld+= '</LineSymbolizer>';
49	sld+= '<PolygonSymbolizer>';
50	sld+= '<Fill>';
51	sld+= '<CssParameter name="fill">';
52	sld+= '<Literal>#63B8FF</Literal>';
53	sld+= '</CssParameter>';
54	sld+= '</Fill>';
55	sld+= '</PolygonSymbolizer>';
56	sld+= '</Rule>';
57	sld+= '</FeatureTypeStyle>';
58	sld+= '</UserStyle>';
59	sld+= '</NamedLayer>';
60
61	sld+= '<NamedLayer>';
62	sld+= '<Name>topp:tasmania_cities</Name>';
63	sld+= '<UserStyle>';
64	sld+= '<IsDefault>1</IsDefault>';
65	sld+= '<FeatureTypeStyle>';
66	sld+= '<Rule>';
67	sld+= '<PointSymbolizer>';
68	sld+= '<Graphic>';
69	sld+= '<Mark>';
70	sld+= '<WellKnownName>cross</WellKnownName>';
71	sld+= '<Fill>';
72	sld+= '<CssParameter name="fill">';
73	sld+= '<Literal>#00FF00</Literal>';
74	sld+= '</CssParameter>';
75	sld+= '</Fill>';
76	sld+= '</Mark>';
77	sld+= '<Size>15</Size>';
78	sld+= '</Graphic>';
79	sld+= '</PointSymbolizer>';
80	sld+= '<TextSymbolizer>';
81	sld+= '<Label><PropertyName>CITY_NAME</PropertyName></Label>';
82	sld+= '<Font>';
83	sld+= '<SvgParameter name="font-size">15</SvgParameter>';
84	sld+= '</Font>';
85	sld+= '</TextSymbolizer>';
86	sld+= '</Rule>';
87	sld+= '</FeatureTypeStyle>';
88	sld+= '</UserStyle>';
89	sld+= '</NamedLayer>';
90
91	sld+= '<NamedLayer>';
92	sld+= '<Name>topp:tasmania_state_boundaries</Name>';
93	sld+= '<UserStyle>';
94	sld+= '<IsDefault>1</IsDefault>';
95	sld+= '<FeatureTypeStyle>';
96	sld+= '<Rule>';
97	sld+= '<PolygonSymbolizer>';
98	sld+= '<Fill>';
99	sld+= '<CssParameter name="fill">';
100	sld+= '<Literal>#8B8989</Literal>';
101	sld+= '</CssParameter>';
102	sld+= '<CssParameter name="fill-opacity">';
103	sld+= '<Literal>0.2</Literal>';
104	sld+= '</CssParameter>';
105	sld+= '</Fill>';
106	sld+= '<Stroke>';
107	sld+= '<CssParameter name="stroke">';
108	sld+= '<Literal>#FF4040</Literal>';
109	sld+= '</CssParameter>';
110	sld+= '<CssParameter name="stroke-width">';
111	sld+= '<Literal>2</Literal>';
112	sld+= '</CssParameter>';
113	sld+= '</Stroke>';
114	sld+= '</PolygonSymbolizer>';
115	sld+= '</Rule>';
116	sld+= '</FeatureTypeStyle>';
117	sld+= '</UserStyle>';
118	sld+= '</NamedLayer>';
119
120	sld+= '</StyledLayerDescriptor>';
121
122	map = new OpenLayers.Map('map');
123	map.addControl(new OpenLayers.Control.LayerSwitcher());
124
125	var layer = new OpenLayers.Layer.WMS(
126	"OpenLayers WMS",
127	"http://labs.metacarta.com/wms/vmap0",
128	{
129	layers: 'basic'
130	}
131	);
132
133	var rcbw = new OpenLayers.Layer.WMS.Post("Roads, Cities, Boundaries, Water",
134	"http://demo.opengeo.org/geoserver/wms",
135	{
136	'layers': 'topp:tasmania_roads,topp:tasmania_water_bodies,topp:tasmania_state_boundaries,topp:tasmania_cities',
137	transparent: true,
138	format: 'image/jpeg',
139	sld_body: sld
140	},
141	{
142	isBaseLayer: false,
143	unsupportedBrowsers: []
144	}
145	);
146	map.addLayers([layer, rcbw]);
147	map.setCenter(new OpenLayers.LonLat(146.65748632815,-42.230763671875), 7);
148	}
149	</script>
150	</head>
151	<body onload="init()">
152	<h1 id="title">Basic WMS Example via HTTP-POST protocol with a large SLD
153	included</h1>
154
155	<div id="tags"></div>
156
157	<div id="shortdesc">Creating a WMS layer with a large SLD in the sld_body</div>
158
159	<div id="map" style="width: 512; height: 256; border: 1px solid red;"></div>
160
161	<div id="docs">
162	This example uses a large SLD created on the client side to style a WMS
163	layer. This example uses a WMS.Post layer which transfers data via the
164	HTTP-POST protocol. <br>
165	NOTE: Opera is not able to display transparent tiles with this layer,
166	and in some Firefox browsers can appear ugly viewport-shaking effects
167	while dragging arround. Use the 'unsupportedBrowsers' property to
168	control which browsers should use plain image tiles (like Layer.WMS)
169	instead. The default setting (["mozilla", "firefox", "opera"])
170	excludes problematic browsers without removing the ability to use long
171	request parameters, because all these browsers support long urls via
172	GET.
173	</div>
174	</body>
175	</html>

Note: See TracBrowser for help on using the browser.

root/sandbox/fvanderbiest/openlayers/examples/WMSPost.html

Download in other formats: