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

New WMTS GetCapabilities & RESTful example.

Browse Source 
Uses the WMTS server of the ogdwien open data initiative of the City of Vienna. Shows how to build a fullscreen map that works well on both mobile and desktop clients. With lightweight permalinks and Geolocate control.
This commit is contained in:
ahocevar
2011-11-08 11:59:57 +01:00
parent 8e2ab1c530
commit 794440750c
4 changed files with 419 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/mobile-wmts-vienna.html
+27
View File
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>City of Vienna WMTS with REST Encoding and Geolocate</title>
<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">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="mobile-wmts-vienna.css" type="text/css">
<script src="../lib/OpenLayers.js"></script>
</head>
<body>
<h1 id="title">City of Vienna WMTS for Desktop and Mobile Devices</h1>
<div id="tags">
mobile, vienna, ogdwien, rest, restful, wmts, geolocate, permalink
</div>
<p id="shortdesc">
A full-screen map for both desktop and mobile devices. Uses
language dependent CSS content and the WMTSCapabilities format to
retrieve layers from the ogdwien open data initiative of the City
of Vienna. Also has a lightweight custom anchor permalink
functionality and uses the Geolocate control.
</p>
<div id="map"></div>
<script src="mobile-wmts-vienna.js"></script>
</body>
</html>