gmap_coordinates_picker 0.1.0 → 0.1.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 59458970ed9f7342bdc530e763d7cdc337b2bad4
+  data.tar.gz: bb9f73612af9dea0149ce82441f91f4d2a60d8a4
+SHA512:
+  metadata.gz: 8ad3eb3aa69051fed4bbd3e5bb746508756e5f69f4336b26c27377738b3c73b7dc02c3d63c53c224fc4d0c5cec33700d1324913ac2df5252f7b726fa575f7963
+  data.tar.gz: 700dd165275f074eda768373b34d57763b426fd26623b77e0135fd942433dde6b5521d459d99cb2d2755919f5849736b621d111547dd3393864280b712da640c

data/README.md

@@ -5,6 +5,11 @@ works to provide an easy to use Google Maps interface for displaying and setting
 
 Where a latitude and longitude is set on the model, it is indicated by a marker shown on a Google map centered at the marker. The administrator can change the value of these fields by clicking on the desired new location on the map.
 
+Demo app source code
+====================
+
+https://github.com/amuntasim/gmap-coordicate-picker-demo
+
 Usage
 =====
 
@@ -17,18 +22,18 @@ gem " gmap_coordinates_picker"
 Then, add in your form:
 
 ```ruby
-<%= form.gmap_coordinate_picker :lat_column => 'latitude', :lng_column => 'longitude' , :zoom_level => 10, :default_coordinates => [lat,lng]  %>
+<%= form.gmap_coordinate_picker api_key: GOOGLE_MAP_API_KEY, :lat_column => 'latitude', :lng_column => 'longitude' , :zoom_level => 10, :default_coordinates => [lat,lng], autocomplete: { enable: true, class: 'form-control' }  %>
 ```
 
 Or, user is as form helper:
 
 ```ruby
-<%= render_gmap_coordinate_picker :lat_column => 'latitude', :lng_column => 'longitude' , :zoom_level => 10, :default_coordinates => [lat,lng]  %>
+<%= render_gmap_coordinate_picker api_key: GOOGLE_MAP_API_KEY, :lat_column => 'latitude', :lng_column => 'longitude' , :zoom_level => 10, :default_coordinates => [lat,lng], autocomplete: { enable: true, class: 'form-control' }  %>
 ```
 To display static map:
 
 ```ruby
-<%= render_gmap_coordinate_picker :static => 'true', :zoom_level => 10 , :default_coordinates => [lat,lng]  %>
+<%= render_gmap_coordinate_picker api_key: GOOGLE_MAP_API_KEY,  :static => 'true', :zoom_level => 10 , :default_coordinates => [lat,lng]  %>
 ```
 
 
@@ -40,9 +45,10 @@ beside the option depicted on the example above it can be configured with the fo
 - `map_container_class` - custom class for the map container
 - `map_width` - default "600px
 - `map_height` - default "400px"
-- `api_key` - Google Map api key (optional)
+- `api_key` - Google Map api key 
 - 'static'  - to display only static map, by default it set to false and the map will be editable
 - 'map_handler' - javascript map object to operate custom event on rendered map by default gMapObj is assigned as map object. You can implement any google map API methods like setCenter, zoom with that object
+- 'autocomplete' - enable autocomplete with input class - default "{ enable: true, class: 'form-control' }"
 
 General configuration options
 =============================
@@ -50,14 +56,15 @@ General configuration options
 You can configure the following default values by overriding these values using:
 GmapCoordinatesPicker.configure method.
 
-  lat_column #= :latitude                                                                       
-  lng_column #= :longitude                                                                      
-  default_coordinates #= [23.727666666, 90.410550] #Dhaka (my home town) center point :)        
-  map_handler #= 'gMapObj'                                                                      
-  zoom_level #= 10                                                                              
-  map_container_class #= 'gmap_coordinate_picker_container'                                     
-  map_width #= '600px'                                                                          
-  map_height #= '400px'                                                                         
+  lat_column #= :latitude
+  lng_column #= :longitude
+  default_coordinates #= [23.727666666, 90.410550] #Dhaka (my home town) center point :)
+  map_handler #= 'gMapObj'
+  zoom_level #= 10
+  map_container_class #= 'gmap_coordinate_picker_container'
+  map_width #= '600px'
+  map_height #= '400px'
+  autocomplete #= { enable: true, class: 'form-control' }
 
 There's a handy generator that generates the default configuration file into config/initializers directory.
 Run the following generator command, then edit the generated file.
@@ -68,6 +75,8 @@ rails g gmap_coordinates_picker:config
 
 VERSION
 =======
+-0.1.0
+    -  Rails4 support
 
 -0.0.3
     - `static map` feature added

data/app/views/gmap_coordinate_picker/_gmap_coordinate_picker.html.erb

@@ -1,10 +1,13 @@
-<%= javascript_include_tag ("http://maps.googleapis.com/maps/api/js?key=#{api_key}&sensor=false") %>
+<% autocomplete = autocomplete || {} %>
 <script type="text/javascript">
     var <%= map_handler%> = <%= map_handler%> || {};
+    var <%= map_handler%>Marker = <%= map_handler%>Marker || {};
+
+    var afterGmapLoaded = function(){
 
-    jQuery(function () {
         var marker = null;
-        var latlng = new google.maps.LatLng(<%= default_coordinates[0]%>, <%=default_coordinates[1] %>);
+        var latlng = new google.maps.LatLng(<%= lat_column_value || default_coordinates[0]%>, <%=lng_column_value || default_coordinates[1] %>);
+
 
         var myOptions = {
             zoom: <%=zoom_level %>,
@@ -20,12 +23,26 @@
             position:new google.maps.LatLng(<%= lat_column_value%>,<%=lng_column_value %>),
             map:map
         });
-    <% end%>
+        <% end%>
+        <%= map_handler%>Marker = marker;
 
         google.maps.event.addListener(map, 'click', function(e) {
             updateLocation(e.latLng);
         });
 
+        <% if autocomplete[:enable] %>
+        var input = document.getElementById('searchInput');
+        var autocomplete = new google.maps.places.Autocomplete(input);
+        autocomplete.bindTo('bounds', map);
+
+        autocomplete.addListener('place_changed', function() {
+            var place = autocomplete.getPlace();
+            var location = place.geometry.location;
+            updateLocation(location)
+            return;
+        });
+        <% end %>
+
         function updateLocation(location) {
             if(marker) {
                 marker.setPosition(location);
@@ -35,14 +52,30 @@
                     map: map
                 });
             }
+            <%= map_handler%>Marker = marker;
 
             map.setCenter(location);
             jQuery("#<%= lat_dom_id%>").val(location.lat());
             jQuery("#<%=lng_dom_id %>").val(location.lng());
         }
 
-    });
+
+    }
+    if (typeof window.google == 'undefined' || typeof google.maps == 'undefined'){
+        $.getScript('<%= "http://maps.googleapis.com/maps/api/js?key=#{api_key}" %>', function(){
+            afterGmapLoaded()
+        });
+    }else {
+        afterGmapLoaded();
+    }
+
 </script>
+<% if autocomplete[:enable] %>
+  <div>
+    <input type='text' class='<%= autocomplete[:class] %>' id='searchInput'/>
+  </div>
+  <br/>
+<% end %>
 <div class="<%= map_container_class%>" id="<%=map_container%>" style="<%= "width:#{map_width};height:#{map_height}"%>">
 </div>
 <%= lat_field%>

data/app/views/gmap_coordinate_picker/_render_map.html.erb

@@ -1,4 +1,4 @@
-<%= javascript_include_tag ("http://maps.googleapis.com/maps/api/js?key=#{api_key}&sensor=false") %>
+<%= javascript_include_tag ("http://maps.googleapis.com/maps/api/js?key=#{api_key}") %>
 <script type="text/javascript">
     var <%= map_handler%> = <%= map_handler%> || {};
 

data/lib/gmap_coordinates_picker/config.rb

@@ -22,6 +22,7 @@ module GmapCoordinatesPicker
     config_accessor :map_container_class
     config_accessor :map_width
     config_accessor :map_height
+    config_accessor :autocomplete
   end
 
   configure do |config|
@@ -30,6 +31,7 @@ module GmapCoordinatesPicker
     config.default_coordinates = [23.727666666, 90.410550] #Dhaka (my home town) center point :)
     config.map_handler = 'gMapObj'
     config.zoom_level = 10
+    config.autocomplete = { enable: false, class: 'form-control'}
     config.map_container_class = 'gmap_coordinate_picker_container'
     config.map_width = '600px'
     config.map_height = '400px'

data/lib/gmap_coordinates_picker/version.rb

@@ -1,3 +1,3 @@
 module GmapCoordinatesPicker
-  VERSION = "0.1.0"
+  VERSION = "0.1.2"
 end

data/lib/gmap_coordinates_picker/view_helper.rb

@@ -10,9 +10,10 @@ module GmapCoordinatesPicker #:nodoc
         lat_column = options[:lat_column] || options[:gmap_conf][:lat_column] ||  GmapCoordinatesPicker.config.lat_column
         lng_column = options[:lng_column] || options[:gmap_conf][:lng_column] || GmapCoordinatesPicker.config.lng_column
         default_coordinates = options[:default_coordinates] || GmapCoordinatesPicker.config.default_coordinates
-        lat_column_value = options[:object].present? ? options[:object].send(lat_column) : default_coordinates[0]
-        lng_column_value = options[:object].present? ? options[:object].send(lng_column) : default_coordinates[1]
+        lat_column_value = options[:object].present? ? options[:object].send(lat_column) || default_coordinates[0] : default_coordinates[0]
+        lng_column_value = options[:object].present? ? options[:object].send(lng_column) || default_coordinates[1]  : default_coordinates[1]
         prefix = options[:object].present? ? options[:object].class.name.downcase : "gmap_coordinate_picker"
+        autocomplete = options[:autocomplete] || GmapCoordinatesPicker.config.autocomplete
         lat_dom_id = "#{prefix}_#{lat_column}"
         lng_dom_id = "#{prefix}_#{lng_column}"
       end
@@ -25,7 +26,8 @@ module GmapCoordinatesPicker #:nodoc
           :map_container_class => options[:map_container_class] || GmapCoordinatesPicker.config.map_container_class,
           :map_width => options[:map_width] || GmapCoordinatesPicker.config.map_width,
           :map_height => options[:map_height] || GmapCoordinatesPicker.config.map_height,
-          :default_coordinates => options[:default_coordinates] || GmapCoordinatesPicker.config.default_coordinates,
+          :autocomplete => options[:autocomplete] || GmapCoordinatesPicker.config.autocomplete,
+          :default_coordinates => default_coordinates.empty? ?  GmapCoordinatesPicker.config.default_coordinates : options[:default_coordinates],
       }
 
       editable_map_locals = {
@@ -37,6 +39,7 @@ module GmapCoordinatesPicker #:nodoc
           :map_container => "#{prefix}_#{lat_column}_#{lng_column}_container#{Time.now.to_i}",
           :lat_dom_id => lat_dom_id,
           :lng_dom_id => lng_dom_id,
+          :autocomplete => autocomplete,
           :lat_field => lat_lng_field(lat_column, lat_column_value, lat_dom_id, options),
           :lng_field => lat_lng_field(lng_column, lng_column_value, lng_dom_id, options)
       }

metadata

@@ -1,32 +1,35 @@
 --- !ruby/object:Gem::Specification
 name: gmap_coordinates_picker
 version: !ruby/object:Gem::Version
-  version: 0.1.0
-  prerelease: 
+  version: 0.1.2
 platform: ruby
 authors:
 - Muntasim Ahmed
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-28 00:00:00.000000000 Z
+date: 2018-04-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6'
 description: It works without any dependency to any third party library
 email:
 - ahmed2tul@gmail.com
@@ -34,43 +37,42 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- MIT-LICENSE
+- README.md
+- Rakefile
 - app/views/gmap_coordinate_picker/_gmap_coordinate_picker.html.erb
 - app/views/gmap_coordinate_picker/_render_map.html.erb
 - lib/generators/gmap_coordinates_picker/config_generator.rb
 - lib/generators/gmap_coordinates_picker/templates/gmap_coordinates_picker_config.rb
+- lib/gmap_coordinates_picker.rb
 - lib/gmap_coordinates_picker/config.rb
 - lib/gmap_coordinates_picker/engine.rb
 - lib/gmap_coordinates_picker/form_builder.rb
 - lib/gmap_coordinates_picker/formtastic.rb
 - lib/gmap_coordinates_picker/version.rb
 - lib/gmap_coordinates_picker/view_helper.rb
-- lib/gmap_coordinates_picker.rb
-- MIT-LICENSE
-- Rakefile
-- README.md
 homepage: ''
 licenses: []
+metadata: {}
 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.25
+rubygems_version: 2.2.2
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: works to provide an easy to use Google Maps interface for displaying and
   setting geographic co-ordinates
 test_files: []