leaflet-geosearch-rails 0.4.0

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Klaas Endrikat
+
+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,48 @@
+# Leaflet::GeoSearch::Rails
+
+Integrates the [Leaflet GeoSearch] plugin with Rails asset pipeline
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'leaflet-geosearch-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install leaflet-geosearch-rails
+
+## Usage
+
+Add the following to your `app/assets/javascripts/application.js`:
+
+    //= require leaflet.geosearch
+    //= require leaflet.geosearch.provider.openstreetmap
+    //= require leaflet.geosearch.provider.xyz
+    
+Add the following to your `app/assets/stylesheets/application.css`:    
+    
+    *= require leaflet.geosearch
+    
+Examples can be found at [smeijer]
+
+## Contributing
+
+1. Fork it
+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 new Pull Request
+
+## License
+MIT License, full text of license see [here][License]
+
+*Free Software, Fuck Yeah!*
+
+[License]: https://github.com/kendrikat/leaflet-geosearch-rails/blob/master/LICENSE.txt "LICENSE"
+[Leaflet GeoSearch]: https://github.com/smeijer/L.GeoSearch
+[smeijer]: https://github.com/smeijer/L.GeoSearch

data/Rakefile

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

data/leaflet-geosearch-rails.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'leaflet-geosearch-rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "leaflet-geosearch-rails"
+  gem.version       = Leaflet::Geosearch::Rails::VERSION
+  gem.authors       = ["Klaas Endrikat"]
+  gem.email         = ["klaas.endrikat@googlemail.com"]
+  gem.description   = %q{Integrates the Leaflet GeoSearch plugin with Rails asset pipeline}
+  gem.summary       = %q{Leaflet GeoSearch plugin for Rails}
+  gem.license       = 'MIT'
+  gem.homepage      = "https://github.com/kendrikat/leaflet-geosearch-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/lib/leaflet-geosearch-rails.rb

@@ -0,0 +1,10 @@
+require "leaflet-geosearch-rails/version"
+
+module Leaflet
+  module Geosearch
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/leaflet-geosearch-rails/version.rb

@@ -0,0 +1,7 @@
+module Leaflet
+  module Geosearch
+    module Rails
+      VERSION = "0.4.0"
+    end
+  end
+end

data/vendor/assets/javascripts/leaflet.geosearch.js

@@ -0,0 +1,144 @@
+/*
+ * L.Control.GeoSearch - search for an address and zoom to it's location
+ * https://github.com/smeijer/leaflet.control.geosearch
+ */
+
+L.GeoSearch = {};
+L.GeoSearch.Provider = {};
+
+// MSIE needs cors support
+jQuery.support.cors = true;
+
+L.GeoSearch.Result = function (x, y, label) {
+    this.X = x;
+    this.Y = y;
+    this.Label = label;
+};
+
+L.Control.GeoSearch = L.Control.extend({
+    options: {
+        position: 'topcenter'
+    },
+
+    initialize: function (options) {
+        this._config = {};
+        L.Util.extend(this.options, options);
+        this.setConfig(options);
+    },
+
+    setConfig: function (options) {
+        this._config = {
+            'country': options.country || '',
+            'provider': options.provider,
+            
+            'searchLabel': options.searchLabel || 'search for address...',
+            'notFoundMessage' : options.notFoundMessage || 'Sorry, that address could not be found.',
+            'messageHideDelay': options.messageHideDelay || 3000,
+            'zoomLevel': options.zoomLevel || 18
+        };
+    },
+
+    onAdd: function (map) {
+        var $controlContainer = $(map._controlContainer);
+
+        if ($controlContainer.children('.leaflet-top.leaflet-center').length == 0) {
+            $controlContainer.append('<div class="leaflet-top leaflet-center"></div>');
+            map._controlCorners.topcenter = $controlContainer.children('.leaflet-top.leaflet-center').first()[0];
+        }
+
+        this._map = map;
+        this._container = L.DomUtil.create('div', 'leaflet-control-geosearch');
+
+        var searchbox = document.createElement('input');
+        searchbox.id = 'leaflet-control-geosearch-qry';
+        searchbox.type = 'text';
+        searchbox.placeholder = this._config.searchLabel;
+        this._searchbox = searchbox;
+
+        var msgbox = document.createElement('div');
+        msgbox.id = 'leaflet-control-geosearch-msg';
+        msgbox.className = 'leaflet-control-geosearch-msg';
+        this._msgbox = msgbox;
+
+        var resultslist = document.createElement('ul');
+        resultslist.id = 'leaflet-control-geosearch-results';
+        this._resultslist = resultslist;
+
+        $(this._msgbox).append(this._resultslist);
+        $(this._container).append(this._searchbox, this._msgbox);
+
+        L.DomEvent
+          .addListener(this._container, 'click', L.DomEvent.stop)
+          .addListener(this._container, 'keypress', this._onKeyUp, this);
+
+        L.DomEvent.disableClickPropagation(this._container);
+
+        return this._container;
+    },
+    
+    geosearch: function (qry) {
+        try {
+            var provider = this._config.provider;
+
+            if(typeof provider.GetLocations == 'function') {
+                var results = provider.GetLocations(qry, function(results) {
+                    this._processResults(results);
+                }.bind(this));
+            }
+            else {
+                var url = provider.GetServiceUrl(qry);
+
+                $.getJSON(url, function (data) {
+                    try {
+                        var results = provider.ParseJSON(data);
+                        this._processResults(results);
+                    }
+                    catch (error) {
+                        this._printError(error);
+                    }
+                }.bind(this));
+            }
+        }
+        catch (error) {
+            this._printError(error);
+        }
+    },
+
+    _processResults: function(results) {
+        if (results.length == 0)
+            throw this._config.notFoundMessage;
+
+        this._map.fireEvent('geosearch_foundlocations', {Locations: results});
+        this._showLocation(results[0]);
+    },
+
+    _showLocation: function (location) {
+        if (typeof this._positionMarker === 'undefined')
+            this._positionMarker = L.marker([location.Y, location.X]).addTo(this._map);
+        else
+            this._positionMarker.setLatLng([location.Y, location.X]);
+
+        this._map.setView([location.Y, location.X], this._config.zoomLevel, false);
+        this._map.fireEvent('geosearch_showlocation', {Location: location});
+    },
+
+    _printError: function(message) {
+        $(this._resultslist)
+            .html('<li>'+message+'</li>')
+            .fadeIn('slow').delay(this._config.messageHideDelay).fadeOut('slow',
+                    function () { $(this).html(''); });
+    },
+    
+    _onKeyUp: function (e) {
+        var escapeKey = 27;
+        var enterKey = 13;
+
+        if (e.keyCode === escapeKey) {
+            $('#leaflet-control-geosearch-qry').val('');
+            $(this._map._container).focus();
+        }
+        else if (e.keyCode === enterKey) {
+            this.geosearch($('#leaflet-control-geosearch-qry').val());
+        }
+    }
+});

data/vendor/assets/javascripts/leaflet.geosearch.provider.bing.js

@@ -0,0 +1,40 @@
+/**
+ * L.Control.GeoSearch - search for an address and zoom to it's location
+ * L.GeoSearch.Provider.Bing uses bing geocoding service
+ * https://github.com/smeijer/leaflet.control.geosearch
+ */
+
+L.GeoSearch.Provider.Bing = L.Class.extend({
+	options: {
+
+	},
+
+	initialize: function (options) {
+		options = L.Util.setOptions(this, options);
+	},
+
+	GetServiceUrl: function (qry) {
+		var parameters = L.Util.extend({
+			query: qry,
+			jsonp: '?'
+		}, this.options);
+
+		return 'http://dev.virtualearth.net/REST/v1/Locations'
+			+ L.Util.getParamString(parameters);
+	},
+
+	ParseJSON: function (data) {
+		if (data.resourceSets.length == 0 || data.resourceSets[0].resources.length == 0)
+			return [];
+
+		var results = [];
+		for (var i = 0; i < data.resourceSets[0].resources.length; i++)
+			results.push(new L.GeoSearch.Result(
+				data.resourceSets[0].resources[i].point.coordinates[1],
+				data.resourceSets[0].resources[i].point.coordinates[0],
+				data.resourceSets[0].resources[i].address.formattedAddress
+			));
+
+		return results;
+	}
+});

data/vendor/assets/javascripts/leaflet.geosearch.provider.esri.js

@@ -0,0 +1,40 @@
+/**
+ * L.Control.GeoSearch - search for an address and zoom to it's location
+ * L.GeoSearch.Provider.Esri uses arcgis geocoding service
+ * https://github.com/smeijer/leaflet.control.geosearch
+ */
+
+L.GeoSearch.Provider.Esri = L.Class.extend({
+    options: {
+
+    },
+
+    initialize: function(options) {
+        options = L.Util.setOptions(this, options);
+    },
+    
+    GetServiceUrl: function (qry) {
+        var parameters = L.Util.extend({
+            text: qry,
+            f: 'pjson'
+        }, this.options);
+
+        return 'http://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/find'
+            + L.Util.getParamString(parameters);
+    },
+
+    ParseJSON: function (data) {
+        if (data.locations.length == 0)
+            return [];
+        
+        var results = [];
+        for (var i = 0; i < data.locations.length; i++)
+            results.push(new L.GeoSearch.Result(
+                data.locations[i].feature.geometry.x, 
+                data.locations[i].feature.geometry.y, 
+                data.locations[i].name
+            ));
+        
+        return results;
+    }
+});

data/vendor/assets/javascripts/leaflet.geosearch.provider.google.js

@@ -0,0 +1,50 @@
+/**
+ * L.Control.GeoSearch - search for an address and zoom to it's location
+ * L.GeoSearch.Provider.Google uses google geocoding service
+ * https://github.com/smeijer/leaflet.control.geosearch
+ */
+
+onLoadGoogleApiCallback = function() {
+    L.GeoSearch.Provider.Google.Geocoder = new google.maps.Geocoder();
+};
+
+L.GeoSearch.Provider.Google = L.Class.extend({
+    options: {
+
+    },
+
+    initialize: function(options) {
+        options = L.Util.setOptions(this, options);
+
+        $.ajax({
+            url: "https://maps.googleapis.com/maps/api/js?v=3&callback=onLoadGoogleApiCallback&sensor=false",
+            dataType: "script"
+        });
+    },
+
+    GetLocations: function(qry, callback) {
+        var geocoder = L.GeoSearch.Provider.Google.Geocoder;
+        
+        var parameters = L.Util.extend({
+            address: qry
+        }, this.options);
+
+        var results = geocoder.geocode(parameters, function(data){
+            data = {results: data};
+
+            if (data.results.length == 0)
+                return [];
+
+            var results = [];
+            for (var i = 0; i < data.results.length; i++)
+                results.push(new L.GeoSearch.Result(
+                    data.results[i].geometry.location.lng(), 
+                    data.results[i].geometry.location.lat(), 
+                    data.results[i].formatted_address
+                ));
+
+            if(typeof callback == 'function')
+                callback(results);
+        });
+    },
+});

data/vendor/assets/javascripts/leaflet.geosearch.provider.nokia.js

@@ -0,0 +1,40 @@
+/**
+ * L.Control.GeoSearch - search for an address and zoom to it's location
+ * L.GeoSearch.Provider.Nokia uses Nokia geocoding service
+ * https://github.com/smeijer/leaflet.control.geosearch
+ */
+
+L.GeoSearch.Provider.Nokia = L.Class.extend({
+    options: {
+
+    },
+
+    initialize: function(options) {
+        options = L.Util.setOptions(this, options);
+    },
+
+    GetServiceUrl: function (qry) {
+        var parameters = L.Util.extend({
+            searchtext: qry,
+            jsoncallback: '?'
+        }, this.options);
+
+        return 'http://geo.nlp.nokia.com/search/6.2/geocode.json'
+            + L.Util.getParamString(parameters);
+    },
+
+    ParseJSON: function (data) {
+        if (data.Response.View.length == 0 || data.Response.View[0].Result.length == 0)
+            return [];
+
+        var results = [];
+        for (var i = 0; i < data.Response.View[0].Result.length; i++)
+            results.push(new L.GeoSearch.Result(
+                data.Response.View[0].Result[i].Location.DisplayPosition.Longitude, 
+                data.Response.View[0].Result[i].Location.DisplayPosition.Latitude, 
+                data.Response.View[0].Result[i].Location.Address.Label
+            ));
+
+        return results;
+    }
+});

data/vendor/assets/javascripts/leaflet.geosearch.provider.openstreetmap.js

@@ -0,0 +1,40 @@
+/**
+ * L.Control.GeoSearch - search for an address and zoom to it's location
+ * L.GeoSearch.Provider.OpenStreetMap uses openstreetmap geocoding service
+ * https://github.com/smeijer/leaflet.control.geosearch
+ */
+
+L.GeoSearch.Provider.OpenStreetMap = L.Class.extend({
+    options: {
+
+    },
+
+    initialize: function(options) {
+        options = L.Util.setOptions(this, options);
+    },
+
+    GetServiceUrl: function (qry) {
+        var parameters = L.Util.extend({
+            q: qry,
+            format: 'json'
+        }, this.options);
+
+        return 'http://nominatim.openstreetmap.org/search'
+            + L.Util.getParamString(parameters);
+    },
+
+    ParseJSON: function (data) {
+        if (data.length == 0)
+            return [];
+
+        var results = [];
+        for (var i = 0; i < data.length; i++) 
+            results.push(new L.GeoSearch.Result(
+                data[i].lon, 
+                data[i].lat, 
+                data[i].display_name
+            ));
+        
+        return results;
+    }
+});

data/vendor/assets/stylesheets/leaflet.geosearch.css

@@ -0,0 +1,38 @@
+.leaflet-center {
+	width: 40%;
+	margin-left: auto;
+	margin-right: auto;
+	position: relative;
+}
+.leaflet-control-geosearch, .leaflet-control-geosearch ul {
+	border-radius: 7px;
+	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
+	margin: 10px 0 0 0;
+	padding: 5px;
+	width: 100%;
+	height: auto;
+}
+.leaflet-control-geosearch-msg ul {
+	list-style: none;
+	display: none;
+	height: auto;
+	background: none;
+	padding: 0;
+}
+.leaflet-control-geosearch ul li {
+	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
+    border-radius: 4px;
+    margin: 2px 0;
+    padding: 4px;
+    font: 12px arial;
+    text-indent: 4px;
+}
+.leaflet-container .leaflet-control-geosearch input {
+	width: 100%;
+	height: 28px;
+	padding: 0;
+	text-indent: 8px;
+	background: rgba(255, 255, 255, 0.75);			
+	border-radius: 4px;
+	border: none;
+}

metadata

@@ -0,0 +1,61 @@
+--- !ruby/object:Gem::Specification
+name: leaflet-geosearch-rails
+version: !ruby/object:Gem::Version
+  version: 0.4.0
+  prerelease: 
+platform: ruby
+authors:
+- Klaas Endrikat
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-07-24 00:00:00.000000000 Z
+dependencies: []
+description: Integrates the Leaflet GeoSearch plugin with Rails asset pipeline
+email:
+- klaas.endrikat@googlemail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- leaflet-geosearch-rails.gemspec
+- lib/leaflet-geosearch-rails.rb
+- lib/leaflet-geosearch-rails/version.rb
+- vendor/assets/javascripts/leaflet.geosearch.js
+- vendor/assets/javascripts/leaflet.geosearch.provider.bing.js
+- vendor/assets/javascripts/leaflet.geosearch.provider.esri.js
+- vendor/assets/javascripts/leaflet.geosearch.provider.google.js
+- vendor/assets/javascripts/leaflet.geosearch.provider.nokia.js
+- vendor/assets/javascripts/leaflet.geosearch.provider.openstreetmap.js
+- vendor/assets/stylesheets/leaflet.geosearch.css
+homepage: https://github.com/kendrikat/leaflet-geosearch-rails
+licenses:
+- MIT
+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: Leaflet GeoSearch plugin for Rails
+test_files: []