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

Converted examples

Browse Source
This commit is contained in:
Björn Harrtell
2015-04-02 18:40:16 +02:00
committed by Andreas Hocevar
parent b9074342a6
commit 9880a860a3
24 changed files with 497 additions and 1265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
examples_src/static-image.html
View File

@@ -1,60 +1,18 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<link rel="stylesheet" href="../css/ol.css" type="text/css">
<link rel="stylesheet" href="../resources/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="../resources/layout.css" type="text/css">
<link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
<title>Static image example</title>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div id="map" class="map"></div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h4 id="title">Static image example</h4>
<p id="shortdesc">Example of a static image layer.</p>
<div id="docs">
<p>
This example uses a <a href="http://xkcd.com/256/">static image</a>
as a layer source. The map view is configured with a custom
projection that translates image coordinates directly into map
coordinates.
</p>
<p>
See the <a href="static-image.js" target="_blank">static-image.js source</a>
for details on how this is done.
</p>
</div>
<div id="tags">static image, xkcd</div>
</div>
</div>
</div>
<script src="../resources/jquery.min.js" type="text/javascript"></script>
<script src="../resources/example-behaviour.js" type="text/javascript"></script>
<script src="loader.js?id=static-image" type="text/javascript"></script>
</body>
</html>
---
template: "example.html"
title: "Static image example"
shortdesc: "Example of a static image layer."
docs: >
<p>
This example uses a <a href="http://xkcd.com/256/">static image</a>
as a layer source. The map view is configured with a custom
projection that translates image coordinates directly into map
coordinates.
</p>
tags: "static image, xkcd"
---
<div class="row-fluid">
<div class="span12">
<div id="map" class="map"></div>
</div>
</div>