gmap_plotter 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e036fd433409d68760c60258b45e95973dce1552
+  data.tar.gz: b5592808729ee2501ccdd17638b077f8c28beb02
+SHA512:
+  metadata.gz: c9d20a725a645662beb03acf782de15deca30953d3a3f89830772101fee303a3e7271395dfa857009fbacfb1213cc84e6930af01b1d1d8de1f39e1bc2113804d
+  data.tar.gz: fd8836b2dbdc1645674830cf341bf0929d49c22a7209e53b70ee6afc3096a8103b95f932478fdc344a55e069d49f07d695fb50a48cd55e608cc166a4c5357dcb

data/.gitignore

@@ -0,0 +1,15 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+/lib/gmap_plotter/public/bower_components/*

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in gmap_plotter.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Alexander Rueedlinger
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,59 @@
+# GmapPlotter
+
+GmapPlotter is a little sinatra app for plotting gps points on a google map.
+
+##Demo app
+
+![Alt text](screenshot.png?raw=true "Screenshot")
+
+A demo app runs on heroku:
+[https://gmap-plotter.herokuapp.com/](https://gmap-plotter.herokuapp.com/)
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'gmap_plotter'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install gmap_plotter
+
+## Usage
+
+###Running
+To run the app enter the command:
+```
+gmap_plotter
+```
+
+This command starts the app on ```http://localhost:3000```.
+
+###Deployment
+
+You can deploy you're own gmap plotter app by creating a ```config.ru``` rack config file.
+
+Example ```config.ru``` file:
+```
+require 'gmap_plotter'
+run GmapPlotter::Server
+```
+And run it via:
+```
+rackup config.ru -p 3000
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/gmap_plotter/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/bin/gmap_plotter

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require 'gmap_plotter'
+GmapPlotter::Server.set :port, 3000
+GmapPlotter::Server.run!

data/config.ru

@@ -0,0 +1,3 @@
+require 'gmap_plotter'
+
+run GmapPlotter::Server

data/examples/config.ru

@@ -0,0 +1,3 @@
+require 'gmap_plotter'
+
+run GmapPlotter::Server

data/gmap_plotter.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'gmap_plotter/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "gmap_plotter"
+  spec.version       = GmapPlotter::VERSION
+  spec.authors       = ["Alexander Rueedlinger"]
+  spec.email         = ["a.rueedlinger@gmail.com"]
+  spec.summary       = %q{A little app for plotting gps points on a google map.}
+  spec.description   = %q{Gmap Plotter is little app for plotting gps points on a google map.}
+  spec.homepage      = "https://github.com/lexruee/gmap_plotter"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables << 'gmap_plotter'
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_runtime_dependency "sinatra", "~> 1.4"
+  spec.add_runtime_dependency "sinatra-contrib", "~> 1.4"
+end

data/lib/gmap_plotter.rb

@@ -0,0 +1,11 @@
+require "gmap_plotter/version"
+require 'json'
+
+require 'sinatra/base'
+require 'sinatra/json'
+require 'sinatra/content_for'
+require 'gmap_plotter/server'
+
+module GmapPlotter
+
+end

data/lib/gmap_plotter/public/app.js

@@ -0,0 +1,175 @@
+function Gmap() {
+    this.map = null;
+    this.markers = [];
+    this.load();
+};
+
+Gmap.prototype.load = function (){
+    var that = this;
+    function initialize() {
+        var mapOptions = {
+            zoom: 13,
+            center: new google.maps.LatLng(46.946506, 7.444150) // default is Bundeshaus :-)
+        };
+        that.map = new google.maps.Map(document.getElementById('map-canvas'),
+            mapOptions);
+    }
+    google.maps.event.addDomListener(window, 'load', initialize);
+};
+
+Gmap.prototype.clear_map = function () {
+    var that = this;
+    $.each(this.markers, function(i, marker){
+        marker.setMap(null);
+    });
+    this.markers = [];
+}
+
+Gmap.prototype.set_center = function (point) {
+    var lat_lng = new google.maps.LatLng(point[0],point[1]);
+    this.map.setCenter(lat_lng);
+};
+
+Gmap.prototype.set_zoom = function (zoom) {
+    this.map.setZoom(parseInt(zoom));
+};
+
+Gmap.prototype.add_markers = function (points) {
+    var that = this;
+    $.each(points, function (i, point) {
+        var marker = new google.maps.Marker({
+            position: point,
+            map: that.map
+        });
+        that.markers.push(marker);
+    })
+};
+
+Gmap.prototype.add_path = function (points) {
+    var path = new google.maps.Polyline({
+        path: points,
+        geodesic: true,
+        strokeColor: '#FF0000',
+        strokeOpacity: 1.0,
+        strokeWeight: 2,
+        map: this.map
+    });
+    this.markers.push(path);
+};
+
+Gmap.prototype.helper_center_of_gravity = function (points) {
+    var acc = [0, 0];
+    $.each(points, function (i, ele) {
+        var n_lat = acc[0] + ele[0];
+        var n_lng = acc[1] + ele[1];
+        acc = [ n_lat, n_lng];
+    });
+    var len = points.length * 1.0;
+    return [ acc[0] / len, acc[1] / len]
+};
+
+Gmap.prototype.plot = function (points, options) {
+
+    if(points == null || points.length == 0)
+        return;
+
+    var that = this;
+    var center = this.helper_center_of_gravity(points);
+    this.set_center(center);
+    this.clear_map();
+
+    var new_points = $.map(points, function (ele, i) {
+        var lat = ele[0];
+        var lng = ele[1];
+        return new google.maps.LatLng(lat, lng);
+    });
+
+    if(options['type'] == 'markers'){
+        gmap.add_markers(new_points);
+    }else if(options['type'] == 'path'){
+        gmap.add_path(new_points);
+    }
+    
+};
+
+Gmap.prototype.set_map_type = function (type) {
+    this.map.setMapTypeId(type);
+};
+
+var gmap = new Gmap();
+
+
+// hooks
+
+$('#set-satellite').click(function () {
+   gmap.set_map_type(google.maps.MapTypeId.SATELLITE);
+});
+
+
+$('#set-roadmap').click(function () {
+    gmap.set_map_type(google.maps.MapTypeId.ROADMAP);
+});
+
+
+$('#set-hybrid').click(function () {
+    gmap.set_map_type(google.maps.MapTypeId.HYBRID);
+});
+
+
+$('#set-terrain').click(function () {
+    gmap.set_map_type(google.maps.MapTypeId.TERRAIN);
+});
+
+
+$.each(['markers', 'path'],function(i, ele){
+
+    $('#plot-' + ele).click(function () {
+        $('#plot-' + ele + '-modal').modal('show');
+    });
+
+    $('.plot-' + ele + '-button').click(function () {
+        var data = $('#plot-data-' + ele).val();
+        var points = $.parseJSON( data );
+        gmap.plot(points, { type: ele });
+    });
+
+});
+
+$('#plot-file').click(function () {
+    $('#plot-file-modal').modal('show');
+});
+
+$('.plot-file-button').click(function () {
+    var data = $('#plot-data-file').val();
+
+    $('#file-upload').submit(function (e) {
+        var file = document.getElementById('plot-data-file').files[0];
+        var data = new FormData();
+        var type = $('input[name=plot-type]:checked').val();
+        data.append('file',file);
+        data.append('plot-type', type)
+
+        $.ajax({
+            type: 'POST',
+            url: '/upload',
+            data: data,
+            processData: false,
+            contentType: false,
+            success: function(data){
+                var hash = data;
+                var points = hash['points'];
+                var type = hash['plot-type'];
+                gmap.plot(points, { type: type });
+                return false;
+            }
+        });
+        e.preventDefault();
+        return false;
+    });
+
+    $('#file-upload').trigger('submit');
+
+});
+
+
+$('.ui.radio.checkbox').checkbox();

data/lib/gmap_plotter/public/bower.json

@@ -0,0 +1,19 @@
+{
+  "name": "gmap-explorer",
+  "version": "0.0.0",
+  "authors": [
+    "Alexander Rueedlinger <a.rueedlinger@gmail.com>"
+  ],
+  "license": "MIT",
+  "private": true,
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "semantic-ui": "~1.5.2"
+  }
+}

data/lib/gmap_plotter/server.rb

@@ -0,0 +1,46 @@
+module GmapPlotter
+
+  class Server < Sinatra::Base
+    helpers Sinatra::ContentFor
+
+    # make defaults explicit
+    set :public_folder, File.dirname(__FILE__) + '/public'
+    set :views, settings.root + '/views'
+
+    get '/' do
+      erb :main_layout do
+        erb :main
+      end
+    end
+
+    post '/upload' do
+      content_type :json
+      begin
+        a_hash = if params['file']
+                   tmp_file = params['file'][:tempfile]
+                   content = tmp_file.read
+                   points = JSON.parse(content)
+                   {
+                       :'plot-type' => params['plot-type'],
+                       :points => points
+                   }
+                 else
+                   {
+                       :'plot-type' => 'path',
+                       :points => []
+                   }
+                 end
+        json a_hash
+      rescue
+        a_hash =  {
+            :'plot-type' => 'path',
+            :points => []
+        }
+        json a_hash
+      end
+    end
+
+  end
+
+
+end

data/lib/gmap_plotter/version.rb

@@ -0,0 +1,3 @@
+module GmapPlotter
+  VERSION = "0.0.1"
+end

data/lib/gmap_plotter/views/_file_upload.erb

@@ -0,0 +1,63 @@
+<div class="ui modal" id="plot-file-modal">
+  <i class="close icon"></i>
+  <div class="header">
+    File upload
+  </div>
+  <div class="content">
+
+    <div class="description">
+
+      <p>Please upload a file whose content follows the json format below:</p>
+      <p>
+            <pre>
+    [
+        [-34.397, 150.644],
+        [-34.397, 150.644],
+        [-34.397, 150.644],
+        [-34.397, 150.644],
+        ...
+    ]
+            </pre>
+      </p>
+      <p>
+        A point corresponds to:
+      <pre>
+    [ lat_value, lng_value ]
+      </pre>
+      </p>
+      <form method="post" enctype="multipart/form-data" id="file-upload">
+      <div class="ui form">
+        <div class="grouped fields">
+          <label>File</label>
+          <div class="field">
+            <input name="File" type="file" accept="text/json" id="plot-data-file">
+          </div>
+          <label for="plot-type">Plot type</label>
+          <div class="field">
+            <div class="ui radio checkbox checked">
+              <input type="radio" name="plot-type" checked="" class="plot-type" value="path">
+              <label>Path</label>
+            </div>
+          </div>
+          <div class="field">
+            <div class="ui radio checkbox">
+              <input type="radio" name="plot-type" class="plot-type" value="markers">
+              <label>Markers</label>
+            </div>
+          </div>
+        </div>
+
+       </div>
+      </form>
+    </div>
+  </div>
+  <div class="actions">
+    <div class="ui black button">
+      Cancel
+    </div>
+    <div class="ui positive right labeled icon button plot-file-button">
+      Plot
+      <i class="checkmark icon"></i>
+    </div>
+  </div>
+</div>