ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use full grid

Browse Source 
The example documentation should not be restricted to 1/3 of the row unless there is something else consuming the other 2/3.
This commit is contained in:
Tim Schaub
2013-06-28 10:42:42 -06:00
parent 12338783cc
commit 7ebacba720
41 changed files with 43 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/animation.html
View File

@@ -48,7 +48,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Animation example</h4>
<p id="shortdesc">Demonstrates animated pan, zoom, and rotation.</p>
<div id="docs">

2
examples/bing-maps.html
View File

@@ -41,7 +41,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Bing Maps example</h4>
<p id="shortdesc">Example of a Bing Maps layer.</p>
<div id="docs">

2
examples/brightness-contrast.html
View File

@@ -53,7 +53,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Brightness/contrast example</h4>
<p id="shortdesc">Example of brightness/contrast control on the client (WebGL only).</p>
<div id="docs">

2
examples/canvas-tiles.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Canvas tiles example</h4>
<p id="shortdesc">Renders tiles with coordinates for debugging.</p>
<div id="docs">

2
examples/custom-controls.html
View File

@@ -68,7 +68,7 @@
</div>
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Custom controls</h4>
<p id="shortdesc">This example shows how to create custom controls.</p>
<div id="docs">

2
examples/device-orientation.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Device orientation example</h4>
<label class="checkbox" for="track">
<input id="track" type="checkbox"/>track changes

2
examples/drag-rotate-and-zoom.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Drag rotate and zoom example</h4>
<p id="shortdesc">A single interaction to drag, rotate, and zoom.</p>
<div id="docs">

2
examples/epsg-4326.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">EPSG:4326 example</h4>
<p id="shortdesc">Example of a map in EPSG:4326.</p>
<div id="docs">

2
examples/export-map.html
View File

@@ -37,7 +37,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Export map example</h4>
<p id="shortdesc">Example of exporting a map as a JPEG or PNG image.</p>
<div id="docs">

2
examples/full-screen-drag-rotate-and-zoom.html
View File

@@ -46,7 +46,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Full screen drag rotate and zoom example</h4>
<p id="shortdesc">Example of drag rotate and zoom control with full screen effect.</p>
<div id="docs">

2
examples/full-screen.html
View File

@@ -46,7 +46,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Full screen control example</h4>
<p id="shortdesc">Example of a full screen control.</p>
<div id="docs">

2
examples/geolocation.html
View File

@@ -44,7 +44,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Geolocation example</h4>
<p id="shortdesc">Example of a geolocation map.</p>
<div id="docs">

2
examples/gml.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">GML example</h4>
<p id="shortdesc">Example of using the GML parser.</p>
<div id="docs">

2
examples/gpx.html
View File

@@ -43,7 +43,7 @@
</div>
<div id="tags">GPX</div>
</div>
<div class="span4 pull-right">
<div class="span4 offset4">
<div id="info" class="alert alert-success">
&nbsp;
</div>

2
examples/hue-saturation.html
View File

@@ -53,7 +53,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Hue/saturation example</h4>
<p id="shortdesc">Example of hue/saturation control on the client (WebGL only).</p>
<div id="docs">

2
examples/kml-timezones.html
View File

@@ -46,7 +46,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Timezones in KML</h4>
<p id="shortdesc">Demonstrates rendering timezones from KML.</p>
<div id="docs">

2
examples/kml.html
View File

@@ -43,7 +43,7 @@
</div>
<div id="tags">KML</div>
</div>
<div class="span4 pull-right">
<div class="span4 offset4">
<div id="info" class="alert alert-success">
&nbsp;
</div>

2
examples/localized-openstreetmap.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Localized OpenStreetMap example</h4>
<p id="shortdesc">Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.</p>
<div id="docs">

2
examples/mapquest.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">MapQuest example</h4>
<p id="shortdesc">Example of a MapQuest map.</p>
<div id="docs">

12
examples/mouse-position.html
View File

@@ -34,22 +34,13 @@
</div>
<div class="row-fluid">
<div class="span4">
<div class="span6">
<h4 id="title">Mouse position example</h4>
<p id="shortdesc">Example of a mouse position control, outside the map.</p>
<div id="docs">
<p>See the <a href="mouse-position.js" target="_blank">mouse-position.js source</a> to see how this is done.</p>
</div>
<div id="tags">mouse-position, openstreetmap</div>
</div>
<div class="span8 pull-right">
<div id="mouse-position">&nbsp;</div>
</div>
</div>
<div class="row-fluid">
<div class="span8">
<form>
<label>Projection </label>
<select id="projection">
@@ -60,6 +51,7 @@
<input id="precision" type="number" min="0" max="12" value="4"/>
</form>
</div>
<div class="span6" id="mouse-position">&nbsp;</div>
</div>
</div>

2
examples/overlay.html
View File

@@ -47,7 +47,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Overlay example</h4>
<p id="shortdesc">Demonstrates overlays.</p>
<div id="docs">

4
examples/preload.html
View File

@@ -38,11 +38,11 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Preload example</h4>
<p id="shortdesc">Example of tile preloading.</p>
<div id="docs">
<p>Low resolution tiles for the map are preloaded, the map on the right does not use any preloading. Try zooming out and panning to see the difference.</p>
<p>The map on the left preloads low resolution tiles. The map on the right does not use any preloading. Try zooming out and panning to see the difference.</p>
<p>See the <a href="preload.js" target="_blank">preload.js source</a> to see how this is done.</p>
</div>
<div id="tags">preload, bing</div>

2
examples/rotation.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Rotation example</h4>
<p id="shortdesc">Example of a rotated map.</p>
<div id="docs">

2
examples/scale-line.html
View File

@@ -40,7 +40,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Scale line example</h4>
<p id="shortdesc">Example of a scale line.</p>
<div id="docs">

2
examples/semi-transparent-layer.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Semi-transparent layer example</h4>
<p id="shortdesc">Example of a map with a semi-transparent layer.</p>
<div id="docs">

2
examples/side-by-side.html
View File

@@ -44,7 +44,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Side-by-side example</h4>
<p id="shortdesc">The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.</p>
<div id="docs">

2
examples/simple.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Simple example</h4>
<p id="shortdesc">Example of a simple map.</p>
<div id="docs">

2
examples/stamen.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Stamen example</h4>
<p id="shortdesc">Example of a Stamen tile source. Two layers are composed: the watercolor base layer with the terrain labels.</p>
<div id="docs">

2
examples/style-rules.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Style with rules example</h4>
<p id="shortdesc">Draws features with rule based styles.</p>
<div id="docs">

2
examples/teleport.html
View File

@@ -44,7 +44,7 @@
<div class="row-fluid">
<div class="span6">
<div class="span12">
<h4 id="title">Teleport example</h4>
<p id="shortdesc">Example of moving a map from one target to another.</p>
<div id="docs">

2
examples/ten-thousand-points.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Ten thousand points example</h4>
<p id="shortdesc">Example of a map with ten thousand points.</p>
<div id="docs">

2
examples/tilejson.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">TileJSON example</h4>
<p id="shortdesc">Example of a TileJSON layer.</p>
<div id="docs">

2
examples/vector-layer.html
View File

@@ -43,7 +43,7 @@
</div>
<div id="tags">vector, geojson, style</div>
</div>
<div class="span4 pull-right">
<div class="span4 offset4">
<div id="info" class="alert alert-success">
&nbsp;
</div>

2
examples/wms-custom-proj.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Tiled WMS with Proj4js projection example</h4>
<p id="shortdesc">Example of two tiled WMS layers (Pixelmap 1:1'000'000 and national parks) using the projection EPSG:21781.</p>
<div id="docs">

2
examples/wms-no-proj.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">WMS without client projection example</h4>
<p id="shortdesc">Example of two WMS layers using the projection EPSG:21781, which is unknown to the client.</p>
<div id="docs">

2
examples/wms-single-image-custom-proj.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Single image WMS with custom projection example</h4>
<p id="shortdesc">Example of two single image WMS layers.</p>
<div id="docs">

2
examples/wms-single-image.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Single image WMS example</h4>
<p id="shortdesc">Example of a single image WMS layer.</p>
<div id="docs">

2
examples/wms-tiled.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">Tiled WMS example</h4>
<p id="shortdesc">Example of a tiled WMS layer.</p>
<div id="docs">

2
examples/wmts-from-capabilities.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">WMTS from capabilities example</h4>
<p id="shortdesc">Example of a WMTS source built from a WMTS getCapabilities response.</p>
<div id="docs">

2
examples/wmts.html
View File

@@ -35,7 +35,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">WMTS example</h4>
<p id="shortdesc">Example of a WMTS source.</p>
<div id="docs">

2
examples/zoomslider.html
View File

@@ -96,7 +96,7 @@
<div class="row-fluid">
<div class="span4">
<div class="span12">
<h4 id="title">ZoomSlider control</h4>
<p id="shortdesc">Example of various ZoomSlider controls.</p>
<div id="docs">