Merge pull request #1984 from fredj/export-circle

Export ol.Sphere.WGS84.circle function
2014-04-16 07:20:13 +02:00
parent 2a0026bed3 4d548d99a7
commit b5873ff866
4 changed files with 97 additions and 0 deletions
--- a/examples/tissot.html
+++ b/examples/tissot.html
@@ -0,0 +1,51 @@
+<!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>Tissot indicatrix 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">Tissot indicatrix example</h4>
+          <p id="shortdesc">Example of a <a href="http://en.wikipedia.org/wiki/Tissot's_indicatrix">Tissot indicatrix</a> map.</p>
+          <div id="docs">
+            <p>See the <a href="tissot.js" target="_blank">tissot.js source</a> to see how this is done.</p>
+          </div>
+          <div id="tags">tissot, circle</div>
+        </div>
+
+      </div>
+
+    </div>
+
+    <script src="jquery.min.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
+    <script src="loader.js?id=tissot" type="text/javascript"></script>
+
+  </body>
+</html>
--- a/examples/tissot.js
+++ b/examples/tissot.js
@@ -0,0 +1,44 @@
+goog.require('ol.Feature');
+goog.require('ol.Map');
+goog.require('ol.View2D');
+goog.require('ol.layer.Tile');
+goog.require('ol.layer.Vector');
+goog.require('ol.source.TileWMS');
+goog.require('ol.source.Vector');
+goog.require('ol.sphere.WGS84');
+
+var vectorSource = new ol.source.Vector();
+
+var map = new ol.Map({
+  layers: [
+    new ol.layer.Tile({
+      source: new ol.source.TileWMS({
+        url: 'http://vmap0.tiles.osgeo.org/wms/vmap0',
+        params: {
+          'VERSION': '1.1.1',
+          'LAYERS': 'basic',
+          'FORMAT': 'image/jpeg'
+        }
+      })
+    }),
+    new ol.layer.Vector({
+      source: vectorSource
+    })
+  ],
+  renderer: 'canvas',
+  target: 'map',
+  view: new ol.View2D({
+    projection: 'EPSG:4326',
+    center: [0, 0],
+    zoom: 2
+  })
+});
+
+
+var radius = 800000;
+for (var x = -180; x < 180; x += 30) {
+  for (var y = -90; y < 90; y += 30) {
+    var geometry = ol.sphere.WGS84.circle([x, y], radius, 64);
+    vectorSource.addFeature(new ol.Feature(geometry));
+  }
+}
--- a/src/ol/sphere/sphere.exports
+++ b/src/ol/sphere/sphere.exports
@@ -0,0 +1 @@
+@exportProperty ol.Sphere.prototype.circle
--- a/src/ol/sphere/wgs84sphere.exports
+++ b/src/ol/sphere/wgs84sphere.exports
@@ -0,0 +1 @@
+@exportSymbol ol.sphere.WGS84