Add demo application

pauloborges · Jul 13, 2015 · 0c442a9 · 0c442a9
1 parent 37c408c
commit 0c442a9
Show file tree

Hide file tree

Showing 13 changed files with 250 additions and 0 deletions.
diff --git a/demo/.meteor/.finished-upgraders b/demo/.meteor/.finished-upgraders
@@ -0,0 +1,8 @@
+# This file contains information which helps Meteor properly upgrade your
+# app when you run 'meteor update'. You should check it into version control
+# with your project.
+
+notices-for-0.9.0
+notices-for-0.9.1
+0.9.4-platform-file
+notices-for-facebook-graph-api-2
diff --git a/demo/.meteor/.gitignore b/demo/.meteor/.gitignore
@@ -0,0 +1 @@
+local
diff --git a/demo/.meteor/.id b/demo/.meteor/.id
@@ -0,0 +1,7 @@
+# This file contains a token that is unique to your project.
+# Check it into your repository along with the rest of this directory.
+# It can be used for purposes such as:
+#   - ensuring you don't accidentally deploy one app on top of another
+#   - providing package authors with aggregated statistics
+
+19fi3ya1gfrj3ecj0dwa
diff --git a/demo/.meteor/cordova-plugins b/demo/.meteor/cordova-plugins
@@ -0,0 +1 @@
+
diff --git a/demo/.meteor/packages b/demo/.meteor/packages
@@ -0,0 +1,13 @@
+# Meteor packages used by this project, one per line.
+#
+# 'meteor add' and 'meteor remove' will edit this file for you,
+# but you can also edit it by hand.
+
+meteor-platform
+autopublish
+insecure
+richsilv:semantic-ui
+pauloborges:mapbox
+
+meteorhacks:flow-router
+meteorhacks:flow-layout
diff --git a/demo/.meteor/platforms b/demo/.meteor/platforms
@@ -0,0 +1,3 @@
+android
+browser
+server
diff --git a/demo/.meteor/release b/demo/.meteor/release
@@ -0,0 +1 @@
+[email protected]
diff --git a/demo/.meteor/versions b/demo/.meteor/versions
@@ -0,0 +1,54 @@
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+cosmos:[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]_2
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+meteorhacks:[email protected]
+meteorhacks:[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+pauloborges:[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+richsilv:[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
diff --git a/demo/README.md b/demo/README.md
@@ -0,0 +1,5 @@
+# pauloborges:mapbox demo
+
+This repository contains a very simple Meteor application that uses
+[pauloborges:mapbox](https://github.com/pauloborges/meteor-mapbox) for
+[Mapbox](https://www.mapbox.com/) integration.
diff --git a/demo/main.css b/demo/main.css
@@ -0,0 +1,18 @@
+/*div#map {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+}*/
+
+div#footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+
+.nested.column {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+}
diff --git a/demo/main.html b/demo/main.html
@@ -0,0 +1,71 @@
+<head>
+  <title>Mapbox for Meteor apps</title>
+</head>
+
+<template name="Layout">
+  {{> Template.dynamic template=content}}
+
+  <a href="https://github.com/pauloborges/meteor-mapbox"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
+</template>
+
+<template name="Main">
+  <div id="map" class="mapbox"></div>
+
+  <div id="footer" class="ui grid">
+      <div class="one wide column"></div>
+
+      <div class="fourteen wide column">
+        <div class="ui segment">
+          <div class="ui three column grid">
+            <div class="four wide nested column">
+              <p>Install it</p>
+              <pre>$ meteor add pauloborges:mapbox</pre>
+            </div>
+
+            <div class="four wide nested column">
+              <p>HTML</p>
+              <pre>{{html}}</pre>
+            </div>
+
+            <div class="nested column">
+              <p>JS</p>
+              <pre>{{js}}</pre>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="one wide column"></div>
+  </div>
+</template>
+
+<template name="GL">
+  <div id="map" class="mapbox"></div>
+
+  <div id="footer" class="ui grid">
+      <div class="one wide column"></div>
+
+      <div class="fourteen wide column">
+        <div class="ui segment">
+          <div class="ui three column grid">
+            <div class="four wide nested column">
+              <p>Install it</p>
+              <pre>$ meteor add pauloborges:mapbox</pre>
+            </div>
+
+            <div class="four wide nested column">
+              <p>HTML</p>
+              <pre>{{html}}</pre>
+            </div>
+
+            <div class="nested column">
+              <p>JS</p>
+              <pre>{{js}}</pre>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="one wide column"></div>
+  </div>
+</template>
diff --git a/demo/main.js b/demo/main.js
@@ -0,0 +1,67 @@
+FlowRouter.route('/', {
+  action: function(params) {
+    FlowLayout.render('Layout', {content: 'Main'});
+  }
+});
+
+FlowRouter.route('/gl', {
+  action: function(params) {
+    FlowLayout.render('Layout', {content: 'GL'});
+  }
+});
+
+if (Meteor.isClient) {
+  Template.Main.onRendered(function () {
+    Mapbox.debug = true;
+    Mapbox.load({
+      plugins: ['markercluster', 'heat']
+    });
+
+    this.autorun(function () {
+      if (Mapbox.loaded()) {
+        L.mapbox.accessToken = 'pk.eyJ1IjoicGF1bG9ib3JnZXMiLCJhIjoicFQ1Sll5ZyJ9.alPGD574u3NOBi2iiIh--g';
+        var map = L.mapbox.map('map', 'pauloborges.k8eg55fh');
+      }
+    });
+  });
+
+  Template.Main.helpers({
+    html: '<div id="map" class="mapbox"></div>',
+    js:   'Mapbox.load();\nTracker.autorun(function () {\n' +
+          '\tif (Mapbox.loaded()) {\n' +
+          '\t\tL.mapbox.accessToken = MY_ACCESS_TOKEN;\n' +
+          '\t\tvar map = L.mapbox.map("map", MY_MAP_ID);\n' +
+          '\t}\n' +
+          '});'
+  });
+
+  Template.GL.onRendered(function () {
+    Mapbox.debug = true;
+    Mapbox.load({
+      gl: true
+    });
+
+    this.autorun(function () {
+      if (Mapbox.loaded()) {
+        mapboxgl.accessToken = 'pk.eyJ1IjoicGF1bG9ib3JnZXMiLCJhIjoicFQ1Sll5ZyJ9.alPGD574u3NOBi2iiIh--g';
+        var map = new mapboxgl.Map({
+          container: 'map',
+          style: 'https://www.mapbox.com/mapbox-gl-styles/styles/outdoors-v7.json',
+        });
+      }
+    });
+  });
+
+  Template.GL.helpers({
+    html: '<div id="map" class="mapbox"></div>',
+    js:   'Mapbox.load({gl: true});\nTracker.autorun(function () {\n' +
+          '  if (Mapbox.loaded()) {\n' +
+          '    mapboxgl.accessToken = MY_ACCESS_TOKEN;\n' +
+          '      var map = new mapboxgl.Map({\n' +
+          '      container: "map",\n' +
+          '      style: "https://www.mapbox.com/mapbox-gl-styles/styles/outdoors-v7.json",\n' +
+          '    };\n' +
+          '  }\n' +
+          '});'
+  });
+}
diff --git a/demo/packages/.gitignore b/demo/packages/.gitignore
@@ -0,0 +1 @@
+mapbox
-Original file line number
+Diff line change
@@ -0,0 +1,3 @@
+    android
+    browser
+    server