<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>GeoExt Vector Legend</title>
<script type="text/javascript" src="vector-legend_fichiers/ext-base.js"></script>
<script type="text/javascript" src="vector-legend_fichiers/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="vector-legend_fichiers/ext-all.css">
<link rel="stylesheet" type="text/css" href="vector-legend_fichiers/examples.css">
<script src="vector-legend_fichiers/OpenLayers.js"></script>
<script type="text/javascript" src="vector-legend_fichiers/GeoExt.js"></script>
<script type="text/javascript" src="vector-legend_fichiers/vector-legend.js"></script>
<style>
#wrapper {
position: relative;
}
#mappanel {
position: absolute;
top: 0px;
left: 0px;
width: 512px;
height: 256px;
}
#legend {
position: absolute;
top: 0px;
left: 550px;
height: 256px;
width: 150px;
}
.legend-item {
width: auto!important;
height: auto!important;
}
</style>
<link href="vector-legend_fichiers/style.css" type="text/css" rel="stylesheet"><style type="text/css" charset="utf-8">/* See license.txt for terms of usage */
</head>
<body class=" ext-gecko ext-gecko3 ext-linux">
<h1>GeoExt.LegendPanel with Vector Layers</h1>
<p>This example shows the how to create a legend for vector
layers. Zoom out to see how the legend is updated with changes in
scale.</p><p>
</p><p>The js is not minified so it is readable. See <a href="http://api.geoext.org/1.1/examples/vector-legend.js">vector-legend.js</a>.</p>
<div id="wrapper">
<div id="mappanel"></div>
<div id="legend"></div>
</div>
</body></html>