gmap_point_picker 1.1.0 → 1.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6ad4977167bf0cf5cf5ddb8b98459815b9e04d44
-  data.tar.gz: ef843f824ef42bbf8a5006a2da338f73864701a0
+  metadata.gz: 3319fd270fbe00157bfe70dc26349e90ff2d1cd2
+  data.tar.gz: 1b34e05f9303026d98e1dba352145906c644d7a3
 SHA512:
-  metadata.gz: 03d605b07845ea19fc789a65974f301861c4992cde26a9ec106d7c93f30ef70c597fd6e6e9fc7cf4143fcc98f67fe64c1f3bd6b76f3425340a817307b7f83378
-  data.tar.gz: 05ef2865ec09e1e4f92014edb04cedab5ceb704d3d1a404becf8df2bd87514382272fb3c8956656783784f4084d6664f9a2fa1402232d76e4f0bd3890b283f9a
+  metadata.gz: 18c927677833bdfd9286305249fd2711bb67c3a680c13f52ac9714c5a948266cb73d7d4d1e616081e929443c8cd5664ef5a596ea49ea3cf50aaaf4ea6046f6b4
+  data.tar.gz: 99bcff68720256416b4266d95ac6ce9a325fafc7d3ab7e1997bbe5ef8b42480e229574bb06583b10292fca70da14be76cef9446baabc5b7c4ea3b4305b235ba7

data/README.rdoc

@@ -1,38 +1,72 @@
-# GmapPointPicker
+= GmapPointPicker
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/gmap_point_picker`. To experiment with that code, run `bin/console` for an interactive prompt.
+This light-weigh gem allows you to bind input fields to google map's click action. The fields get populated with the latitude and longitude of the location clicked on the map.
 
-TODO: Delete this and the text above, and describe your gem
-
-## Installation
+== Installation
 
 Add this line to your application's Gemfile:
 
-```ruby
-gem 'gmap_point_picker'
-```
++gem 'gmap_point_picker'+
 
 And then execute:
 
-    $ bundle
+    +$ bundle install+
 
 Or install it yourself as:
 
     $ gem install gmap_point_picker
 
-## Usage
-
-TODO: Write usage instructions here
-
-## Development
+== Usage
+=== GmapPointPicker.configure
+
+You may use the block style configuration. The following code could be placed
+into a +config/initializers/gmap_point_picker.rb+ when used in a Rails project.
+
+  GmapPointPicker.configure do |config|
+    config.api_key      = 'xxxxxxxyyyyzzzzzzzzz' #Required if config.load_js = true
+    config.load_js      = boolean                #default false
+    config.latitude     = "48.32324234"
+    config.longitude    = "-78.23232343"         #These are required for initial map center
+    config.map_div_id   = "map-canvas"           #div id which will be used to load the map. default 'map-canvas'
+    config.lat_field_id = "latitude"             #input field id where latitude will be populated on click. default 'latitude'
+    config.lng_field_id = "longitude"            #input field id where longitude will be populated on click. default 'longitude'
+  end
+
+These configurations can be overridden when calling
++gmap_point_picker_bind+
+OR
++gmap_point_picker_bind_no_jquery+
+
+== Example
+  <%= gmap_point_picker_bind :key => "your_api_key_here",
+        :latitude        => 34.2323232,    #Center
+        :longitude       => -78.423232,
+        :map_div_id      => 'map-canvas',  #Div for map
+        :load_js         => true,          #Should we load the google maps api for you?
+        :search_field_id => 'gmap-search', #Text box for searching on map
+        :lat_field_id    => 'latitude',    #Fields that will be populated on map click
+        :lng_field_id    => 'longitude'
+  %>
+
+  <div>
+    <input type="text" id="latitude" /><br />
+    <input type="text" id="longitude" /><br />
+    <input type="text" id="gmap-search" />
+  </div>
+  <div id="map-canvas" style="height:600px;"></div>
+
+If you do not have jQuery loaded, you can use the alternative +gmap_point_picker_bind_no_jquery+ with the same options.
+
+
+== Development
 
 After checking out the repo, run `bin/setup` to install dependencies. Then, run `bin/console` for an interactive prompt that will allow you to experiment.
 
 To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release` to create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
 
-## Contributing
+== Contributing
 
-1. Fork it ( https://github.com/[my-github-username]/gmap_point_picker/fork )
+1. Fork it ( https://github.com/laiqjafri/gmap_point_picker/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`)

data/lib/gmap_point_picker/javascript_helper.rb

@@ -80,5 +80,86 @@ module GmapPointPicker
       EOS
       return (html.respond_to?(:html_safe) && html.html_safe) || html
     end
+
+    def gmap_point_picker_bind_no_jquery options={}
+      key             = options[:key]             ||= GmapPointPicker.configuration.api_key
+      load_js         = options[:load_js]         ||= GmapPointPicker.configuration.load_js
+      lat_field_id    = options[:lat_field_id]    ||= GmapPointPicker.configuration.lat_field_id
+      lng_field_id    = options[:lng_field_id]    ||= GmapPointPicker.configuration.lng_field_id
+      map_div_id      = options[:map_div_id]      ||= GmapPointPicker.configuration.map_div_id
+      latitude        = options[:latitude]        ||= GmapPointPicker.configuration.latitude
+      longitude       = options[:longitude]       ||= GmapPointPicker.configuration.longitude
+      search_field_id = options[:search_field_id] ||= GmapPointPicker.configuration.search_field_id
+
+      html = ""
+
+      if load_js
+        html << <<-EOS
+        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=#{key}&libraries=places"></script>
+        EOS
+      end
+
+      html << <<-EOS
+      <script>
+      document.addEventListener("DOMContentLoaded", function(event) {
+        var marker = false;
+        var center, input, map, search_box;
+        if (!document.getElementById("#{map_div_id}")) {
+          return;
+        }
+        center = new google.maps.LatLng(#{latitude}, #{longitude});
+        map    = new google.maps.Map(document.getElementById("#{map_div_id}"), {
+          mapTypeId: google.maps.MapTypeId.ROADMAP,
+          center: center
+        });
+        map.setZoom(16);
+        input      = document.getElementById("#{search_field_id}");
+        search_box = new google.maps.places.SearchBox(input);
+        google.maps.event.addListener(search_box, "places_changed", function() {
+          var bounds, i, image, place, places;
+          places = search_box.getPlaces();
+          i = 0;
+          bounds = new google.maps.LatLngBounds();
+          place = void 0;
+          place = places[0];
+          if (place) {
+            image = {
+              url: place.icon,
+              size: new google.maps.Size(71, 71),
+              origin: new google.maps.Point(0, 0),
+              anchor: new google.maps.Point(17, 34),
+              scaledSize: new google.maps.Size(25, 25)
+            };
+            bounds.extend(place.geometry.location);
+          }
+          map.fitBounds(bounds);
+          if (map.getZoom() > 16) {
+            map.setZoom(16);
+          }
+          return google.maps.event.addListener(map, "bounds_changed", function() {
+            bounds = map.getBounds();
+            return search_box.setBounds(bounds);
+          });
+        });
+        return google.maps.event.addListener(map, "click", function(event) {
+          var location, mapZoom;
+          mapZoom = map.getZoom();
+          location = event.latLng;
+          document.getElementById("#{lat_field_id}").value = location.lat();
+          document.getElementById("#{lng_field_id}").value = location.lng();
+          if (marker) {
+            marker.setMap(null);
+          }
+          return marker = new google.maps.Marker({
+            position: event.latLng,
+            map: map,
+            title: "GmapPointPicker"
+          });
+        });
+      });
+      </script>
+      EOS
+      return (html.respond_to?(:html_safe) && html.html_safe) || html
+    end
   end # JavascriptHelper
 end # GmapPointPicker

data/lib/gmap_point_picker/version.rb

@@ -1,3 +1,3 @@
 module GmapPointPicker
-  VERSION = "1.1.0"
+  VERSION = "1.1.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: gmap_point_picker
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.1.2
 platform: ruby
 authors:
 - Laiq Jafri
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-05-26 00:00:00.000000000 Z
+date: 2015-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -51,7 +51,6 @@ files:
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.txt
-- README.md
 - README.rdoc
 - Rakefile
 - bin/console
@@ -83,7 +82,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.7
 signing_key: 
 specification_version: 4
 summary: A gem to easily pick co-ordinates from google map and map them to input fields

data/README.md

@@ -1,39 +0,0 @@
-# GmapPointPicker
-
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/gmap_point_picker`. To experiment with that code, run `bin/console` for an interactive prompt.
-
-TODO: Delete this and the text above, and describe your gem
-
-## Installation
-
-Add this line to your application's Gemfile:
-
-```ruby
-gem 'gmap_point_picker'
-```
-
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install gmap_point_picker
-
-## Usage
-
-TODO: Write usage instructions here
-
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release` to create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
-## Contributing
-
-1. Fork it ( https://github.com/[my-github-username]/gmap_point_picker/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