sudo-gmapsmarker-rails 0.0.1

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Todd Eichel
+
+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,29 @@
+sudo-gmapsmarker-rails
+======================
+
+Wrapper for Google Maps Markers (google.maps.Marker) in sudo-js. Taken from Todd E's "backbone-gmapsmarker-rails"
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'sudo-gmapsmarker-rails'
+
+Then require it from a manifest file:
+
+    //= require sudo-gmapsmarker-rails
+
+
+## Usage
+
+There are two views available: a basic one meant to be extended (`Backbone.GMapsMarker.MarkerView`),
+and a more featureful one that extends the basic view (`Backbone.GMapsMarker.PrettyMarkerView`).
+Feel free to extend either one of these to add your own features, or just use them directly like so:
+
+    var myView = new _.GMapsMarker.PrettyMarkerView({
+      model: myLocation,
+      mapView: myMapView,
+      color: 'blue'
+    });
+
+Check out the inline comments in the `.js` file for additional options.

data/Rakefile

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

data/lib/sudo-gmapsmarker-rails/version.rb

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

data/lib/sudo-gmapsmarker-rails.rb

@@ -0,0 +1,8 @@
+require "sudo-gmapsmarker-rails/version"
+
+module SudoGmapsmarker
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/sudo-gmapsmarker-rails.gemspec

@@ -0,0 +1,18 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'sudo-gmapsmarker-rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "sudo-gmapsmarker-rails"
+  gem.version       = SudoGmapsmarker::VERSION
+  gem.authors       = ["Todd Eichel", "Rob Robbins"]
+  gem.email         = ["rob@taskrabbit.com"]
+  gem.summary       = %q{Bundles sudo.gmapsmarker and some TaskRabbit-style marker icons for use with the Rails asset pipeline.}
+  gem.homepage      = "https://github.com/robrobbins/sudo-gmapsmarker-rails"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end

data/vendor/assets/javascripts/sudo.gmapsmarker.js

@@ -0,0 +1,188 @@
+/******************************************************************************
+*  Sudojs Google Maps Marker View
+*
+*  Wrapper for Google Maps Markers (google.maps.Marker). See inline comments
+*  for usage notes.
+*
+*  Author: Todd Eichel, Rob Robbins
+*  Date: Nov 30, 2012 - The End
+*
+*  Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
+*  Copyright (c) 2013 Todd Eichel, Rob Robbins
+*******************************************************************************
+*/
+
+(function (_) {
+
+  // create namespace
+  _.namespace('sudo.GMapsMarker');
+
+  // Wrapper for Google Maps Markers (google.maps.Marker)
+  //
+  // Options to be passed as the data arg, or in a passed model reference:
+  //  - mapView (required): should have a "gmap" property with the map to attach to
+  //  - model (optional): if a sudo Model with lat/lng attributes is supplied, marker will update its position when it changes
+  //  - zIndex (optional): if provided, sets the zIndex for the marker on render; see google maps docs for more info
+  _.GMapsMarker.MarkerView = function(el, data) {
+    // as this class uses `inherit()` it's base constructor must be called formally
+    _.View.call(this, el, data);
+
+    this.gmarker = new google.maps.Marker();
+    this.observer = this.model.observe(this.handleChange.bind(this));
+  };
+  // Inherits from, and extends _.View
+  _.inherit(_.View, _.GMapsMarker.MarkerView);
+  
+  _.GMapsMarker.MarkerView.prototype.handleChange = function handleChange(change) {
+    if(change && change.name === 'lng') {
+      var modelLatLng = new google.maps.LatLng(change.object.lat, change.object.lng);
+      this.gmarker.setPosition(modelLatLng);
+    }
+  };
+
+  _.GMapsMarker.MarkerView.prototype.render = function render() {
+    this.setPosition();
+    this.gmarker.setZIndex(this.model.get('zIndex'));
+    this.gmarker.setMap(this.model.get('mapView')).gmap;
+    return this;
+  };
+
+  _.GMapsMarker.MarkerView.prototype.remove = function remove() {
+    this.model.unobserve(this.observer);
+    this.gmarker.setMap(null);
+  };
+
+  _.GMapsMarker.MarkerView.prototype.setPosition = function setPosition() {
+    var modelLatLng = new google.maps.LatLng(this.model.get('lat'), this.model.get('lng'));
+    this.gmarker.setPosition(modelLatLng);
+  };
+
+  // Wrapper for making pretty TR-style markers (google.maps.Marker) based on icons in `/assets/markers`.
+  // Marker images should be provided in the following format (opacity is optional): shape-color-number[-opacity].png,
+  // e.g. pin-green-1.png or rabbit-orange-0-50.png
+  //
+  // Options in this classes model or passed in the `data` arg:
+  //  - mapView (required): should have a "gmap" property with the map to attach to
+  //  The following options are all optional (default in parens). Note that we don't have image assets
+  //  for all possible permutations. See notes below or /assets/markers for what's available.
+  //  - shape (pin): marker shape, generally pin or circle
+  //  - color (red): marker color, generally red/green/blue (green-transparent is available for circles)
+  //  - number (none): use a numbered marker image from 1 to 9; exceptions: no non-number marker for rough icons or blue
+  //  - opacity (none): use a different opacity marker image icon; opacity represented as a percentage: 0-100
+  //  - rough (false): forces use of a less specific icon (circle instead of pin), exception: we don't have rough icons for blue
+  //  - stalenessIndicatorTime (none): lowers the marker opacity by 10% every _t_ milliseconds if a location update has not been received; 0 disables
+  //  - stalenessIndicatorMinOpacity (10): sets a floor after which the staleness indicator fading will have no effect
+  _.GMapsMarker.PrettyMarkerView = function(el, data) {
+    // call MarkerView's constructor
+    this.construct(el, data);
+    var options = this.model.data;
+
+    this.iconBasePath = options.iconBasePath || '/assets/markers/';
+
+    this.shape  = options.shape  || 'pin';
+    this.color  = options.color  || 'red';
+    this.number = options.number || 0;
+    this.rough  = options.rough  || false;
+
+    this.opacity = options.opacity;
+    this.stalenessIndicatorMinOpacity = options.stalenessIndicatorMinOpacity || 10;
+    this.stalenessIndicatorTime = options.stalenessIndicatorTime;
+
+    // override marker shape for rough markers
+    if (this.rough) {
+      this.shape = 'circle';
+    }
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype = Object.create(_.GMapsMarker.MarkerView.prototype);
+
+  _.GMapsMarker.PrettyMarkerView.prototype.setPosition =  function setPosition() {
+    // do the normal position setting and return if no staleness indicator
+    this.base('setPosition');
+    if (!this.model.get('stalenessIndicatorTime')) return;
+
+    this.setOpacity(100);
+    this.gmarker.setIcon(this.getGMarkerIcon());
+    if(this.stalenessIndicator) clearTimeout(this.stalenessIndicator);
+    this.stalenessIndicator = setTimeout(this.fade.bind(this), this.stalenessIndicatorTime);
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype.setOpacity = function setOpacity(opacity) {
+    var min = this.stalenessIndicatorMinOpacity || 0,
+      max = 100;
+
+    this.opacity = Math.max(Math.min(opacity, max), min);
+    return this.opacity;
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype.fade =  function fade() {
+    var minOpacity = this.stalenessIndicatorMinOpacity,
+        timeout    = this.stalenessIndicatorTime;
+
+    if (this.opacity === minOpacity) { return; }
+
+    this.setOpacity(this.opacity - 10);                     // decrement opacity
+    this.gmarker.setIcon(this.getGMarkerIcon());            // reset icon in light of new opacity
+    this.stalenessIndicator = _.delay(this.fade, timeout);  // schedule the next fade
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype.getGMarkerIcon = function getGMarkerIcon() {
+    var anchor = ((this.shape === 'circle' || this.shape === 'rabbit') ? [22.5, 22.5] : null),
+      url = this.generateIconUrl();
+
+    this.gMarkerIcon = this.generateGMarkerImage(url, null, null, anchor);
+    return this.gMarkerIcon;
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype.getGMarkerShadow = function getGMarkerShadow() {
+    if (this.shape !== 'pin') return; // we only have a shadow image for pins
+
+    var anchor = [9, 31],
+      url = this.iconBasePath + this.shape + "-shadow.png";
+
+    this.gMarkerShadow = this.generateGMarkerImage(url, null, null, anchor);
+    return this.gMarkerShadow;
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype.render = function render() {
+    this.gmarker.setIcon(this.getGMarkerIcon());
+    this.gmarker.setShadow(this.getGMarkerShadow());
+
+    return this.constructor.__super__.render.apply(this);
+  };
+
+  // helper methods
+  /////////////////////////////////////////////////////////////////////////////
+  _.GMapsMarker.PrettyMarkerView.prototype.generateGMarkerImage = function generateGMarkerImage(url, size, origin, anchor) {
+    // this weirdness necessary because we have to pass null to the google constructor if these options aren't present
+
+    size   = size   || null;
+    origin = origin || null;
+    anchor = anchor || null;
+
+    if (size)   { size   = new google.maps.Size(size[0], size[1]); }
+    if (origin) { origin = new google.maps.Point(origin[0], origin[1]); }
+    if (anchor) { anchor = new google.maps.Point(anchor[0], anchor[1]); }
+
+    return new google.maps.MarkerImage(url, size, origin, anchor);
+  };
+
+  _.GMapsMarker.PrettyMarkerView.prototype.generateIconUrl = function generateIconUrl() {
+    var url = this.iconBasePath,
+      nameParts = [];
+
+    nameParts.push(this.shape);
+    nameParts.push(this.color);
+    nameParts.push(this.number.toString());
+
+    if (this.opacity) {
+      nameParts.push(this.opacity.toString());
+    }
+
+    url += nameParts.join('-');
+    url += '.png';
+
+    return url;
+  };
+
+}(sudo));

metadata

@@ -0,0 +1,135 @@
+--- !ruby/object:Gem::Specification
+name: sudo-gmapsmarker-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Todd Eichel
+- Rob Robbins
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-02-02 00:00:00.000000000 Z
+dependencies: []
+description: 
+email:
+- rob@taskrabbit.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/sudo-gmapsmarker-rails.rb
+- lib/sudo-gmapsmarker-rails/version.rb
+- sudo-gmapsmarker-rails.gemspec
+- vendor/assets/images/markers/circle-green-0.png
+- vendor/assets/images/markers/circle-green-1.png
+- vendor/assets/images/markers/circle-green-2.png
+- vendor/assets/images/markers/circle-green-3.png
+- vendor/assets/images/markers/circle-green-4.png
+- vendor/assets/images/markers/circle-green-5.png
+- vendor/assets/images/markers/circle-green-6.png
+- vendor/assets/images/markers/circle-green-7.png
+- vendor/assets/images/markers/circle-green-8.png
+- vendor/assets/images/markers/circle-green-9.png
+- vendor/assets/images/markers/circle-green-transparent-0.png
+- vendor/assets/images/markers/circle-green-transparent-1.png
+- vendor/assets/images/markers/circle-green-transparent-2.png
+- vendor/assets/images/markers/circle-green-transparent-3.png
+- vendor/assets/images/markers/circle-green-transparent-4.png
+- vendor/assets/images/markers/circle-green-transparent-5.png
+- vendor/assets/images/markers/circle-green-transparent-6.png
+- vendor/assets/images/markers/circle-green-transparent-7.png
+- vendor/assets/images/markers/circle-green-transparent-8.png
+- vendor/assets/images/markers/circle-green-transparent-9.png
+- vendor/assets/images/markers/circle-red-0.png
+- vendor/assets/images/markers/circle-red-1.png
+- vendor/assets/images/markers/circle-red-2.png
+- vendor/assets/images/markers/circle-red-3.png
+- vendor/assets/images/markers/circle-red-4.png
+- vendor/assets/images/markers/circle-red-5.png
+- vendor/assets/images/markers/circle-red-6.png
+- vendor/assets/images/markers/circle-red-7.png
+- vendor/assets/images/markers/circle-red-8.png
+- vendor/assets/images/markers/circle-red-9.png
+- vendor/assets/images/markers/circle-red-transparent-0.png
+- vendor/assets/images/markers/circle-red-transparent-1.png
+- vendor/assets/images/markers/circle-red-transparent-2.png
+- vendor/assets/images/markers/circle-red-transparent-3.png
+- vendor/assets/images/markers/circle-red-transparent-4.png
+- vendor/assets/images/markers/circle-red-transparent-5.png
+- vendor/assets/images/markers/circle-red-transparent-6.png
+- vendor/assets/images/markers/circle-red-transparent-7.png
+- vendor/assets/images/markers/circle-red-transparent-8.png
+- vendor/assets/images/markers/circle-red-transparent-9.png
+- vendor/assets/images/markers/pin-blue-1.png
+- vendor/assets/images/markers/pin-blue-2.png
+- vendor/assets/images/markers/pin-blue-3.png
+- vendor/assets/images/markers/pin-blue-4.png
+- vendor/assets/images/markers/pin-blue-5.png
+- vendor/assets/images/markers/pin-blue-6.png
+- vendor/assets/images/markers/pin-blue-7.png
+- vendor/assets/images/markers/pin-blue-8.png
+- vendor/assets/images/markers/pin-blue-9.png
+- vendor/assets/images/markers/pin-green-0.png
+- vendor/assets/images/markers/pin-green-1.png
+- vendor/assets/images/markers/pin-green-2.png
+- vendor/assets/images/markers/pin-green-3.png
+- vendor/assets/images/markers/pin-green-4.png
+- vendor/assets/images/markers/pin-green-5.png
+- vendor/assets/images/markers/pin-green-6.png
+- vendor/assets/images/markers/pin-green-7.png
+- vendor/assets/images/markers/pin-green-8.png
+- vendor/assets/images/markers/pin-green-9.png
+- vendor/assets/images/markers/pin-red-0.png
+- vendor/assets/images/markers/pin-red-1.png
+- vendor/assets/images/markers/pin-red-2.png
+- vendor/assets/images/markers/pin-red-3.png
+- vendor/assets/images/markers/pin-red-4.png
+- vendor/assets/images/markers/pin-red-5.png
+- vendor/assets/images/markers/pin-red-6.png
+- vendor/assets/images/markers/pin-red-7.png
+- vendor/assets/images/markers/pin-red-8.png
+- vendor/assets/images/markers/pin-red-9.png
+- vendor/assets/images/markers/pin-shadow.png
+- vendor/assets/images/markers/rabbit-orange-0-10.png
+- vendor/assets/images/markers/rabbit-orange-0-100.png
+- vendor/assets/images/markers/rabbit-orange-0-20.png
+- vendor/assets/images/markers/rabbit-orange-0-30.png
+- vendor/assets/images/markers/rabbit-orange-0-40.png
+- vendor/assets/images/markers/rabbit-orange-0-50.png
+- vendor/assets/images/markers/rabbit-orange-0-60.png
+- vendor/assets/images/markers/rabbit-orange-0-70.png
+- vendor/assets/images/markers/rabbit-orange-0-80.png
+- vendor/assets/images/markers/rabbit-orange-0-90.png
+- vendor/assets/javascripts/sudo.gmapsmarker.js
+homepage: https://github.com/robrobbins/sudo-gmapsmarker-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Bundles sudo.gmapsmarker and some TaskRabbit-style marker icons for use with
+  the Rails asset pipeline.
+test_files: []