Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: gh-pages
Fetching contributors…

Cannot retrieve contributors at this time

64 lines (59 sloc) 4.284 kb
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="lang" content="en" />
<meta name="author" content="Jorix" />
<meta name="description" content="Example to use FeaturePopups to show a grid of features using SlickGrid" />
<meta name="keywords" content="OpenLayers, FeaturePopups, SlickGrid, grid, features change, highlight selection" />
<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">
<link rel="stylesheet" href="" type="text/css">
<title>Example to use FeaturePopups for Openlayers to show a grid of features using SlickGrid</title>
<!-- OpenLayers -->
<link rel="stylesheet" href="" type="text/css">
<link rel="stylesheet" href="" type="text/css">
<script src=""></script>
<!-- FeaturePopups control -->
<script src="../lib/FeaturePopups.js"></script>
<script src="../lib/FeaturePopupsExtend.js"></script>
<!-- jQuery -->
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script src=""></script>
<!-- SlickGrid -->
<link rel="stylesheet" href="" type="text/css"/>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
.slick-cell.selected { background-color: yellow; }
#grid-data { font-size: 100% }
<h1 id="title">Example to use FeaturePopups for Openlayers to show a grid of features using SlickGrid</h1>
<a id="forkme_banner" href="">View on GitHub</a>
<div id="tags">FeaturePopups, grid, SlickGrid, SelectFeature</div>
<p id="shortdesc">
Shows how to bind the <a href="">&quot;FeaturePopups&quot; control</a> with a <a href="">SlickGrid</a> grid to show the selection of features on a layer.
<div id="map" style="float:left; width: 500px; height: 500px;" class="smallmap"></div>
<div id="grid-container" style="float:left; width:400px; margin-left: 6px">
<h2 id="grid-caption" style="width:100%"></h2>
<div id="grid-data" style="width:100%; height:470px;"></div>
<div style="clear:both" id="docs">
<p>&quot;FeaturePopups&quot; control wraps the management of SelectFeature control.</p>
<p>View the <a href="grid-SlickGrid-features.js" target="_blank">grid-SlickGrid-features.js source</a> to see how this is done.</p>
<p>View the <a href="grid-commonOL.js" target="_blank">grid-commonOL.js source</a> to see the definition of the map and layers.</p>
<script src="grid-commonOL.js"></script>
<script src="grid-SlickGrid-features.js"></script>
Jump to Line
Something went wrong with that request. Please try again.