Permalink
Browse files

Add ol.Map2D example

  • Loading branch information...
twpayne committed Apr 4, 2013
1 parent 99bd37f commit 8a4126a8a99da7b77010d1d946919e6f6bc970e1
Showing with 73 additions and 0 deletions.
  1. +55 −0 examples/map2d.html
  2. +18 −0 examples/map2d.js
View
@@ -0,0 +1,55 @@
+<!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="bootstrap/css/bootstrap.min.css" type="text/css">
+ <link rel="stylesheet" href="examples.css" type="text/css">
+ <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" type="text/css">
+ <title>Map2D example</title>
+ </head>
+ <body>
+
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="brand" href="./">OpenLayers 3 Examples</a>
+ <ul class="nav pull-right">
+ <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
+ allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
+ <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
+ <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
+ </ul>
+ </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="span4">
+ <h4 id="title">Map2D example</h4>
+ <p id="shortdesc">Example of a 2D map.</p>
+ <div id="docs">
+ <p>See the <a href="map2d.js" target="_blank">map2d.js source</a> to see how this is done.</p>
+ </div>
+ <div id="tags">map2d, openstreetmap</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ <script src="loader.js?id=map2d" type="text/javascript"></script>
+ <script src="social-links.js" type="text/javascript"></script>
+
+ </body>
+</html>
View
@@ -0,0 +1,18 @@
+goog.require('ol.Coordinate');
+goog.require('ol.Map2D');
+goog.require('ol.RendererHints');
+goog.require('ol.layer.TileLayer');
+goog.require('ol.source.OpenStreetMap');
+
+
+var map = new ol.Map2D({
+ center: new ol.Coordinate(0, 0),
+ layers: [
+ new ol.layer.TileLayer({
+ source: new ol.source.OpenStreetMap()
+ })
+ ],
+ renderers: ol.RendererHints.createFromQueryData(),
+ target: 'map',
+ zoom: 2
+});

0 comments on commit 8a4126a

Please sign in to comment.