/
wfs-reprojection.html
42 lines (42 loc) · 1.95 KB
/
wfs-reprojection.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!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>WFS Reprojection Example</title>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../lib/OpenLayers.js"></script>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ"></script>
<script src="wfs-reprojection.js"></script>
</head>
<body onload="init()">
<h1 id="title">WFS Reprojection Example</h1>
<div id="tags">
reprojection, styling, stylemap, wfs, vector, advanced
</div>
<p id="shortdesc">
Shows the use of the client side reprojection support.
</p>
<div id="map" class="smallmap"></div>
<div id="docs">
<p>
This example shows client side reprojection. In the case where
the projection of a vector layer differs from the projection of
the map, features are requested in the layer projection and
transformed during parsing. It is assumed that the layer
projection is "native" projection of the data (the coordinate
reference system of the data on the server).
</p>
<p>
Also shown is styleMap for the layer with unique value rules.
Colors are assigned based on the STATE_FIPS attribute.
</p>
<p>
See the <a href="wfs-reprojection.js" target="_blank">
wfs-reprojection.js source</a> to see how this is done.
</p>
</div>
</body>
</html>