gmap_coordinates_picker 0.0.10 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 34fc715d48941ef0069ca11b2f47bbc7eb4cdacc
-  data.tar.gz: cc317d76ee15bf3c7270dab0276ae832b9584d21
+  metadata.gz: a4259d3b45eaebeead4a6edffcd5a194b3f0a962
+  data.tar.gz: 941e24634f14dc6dcf0dae79b93765a03f77aca2
 SHA512:
-  metadata.gz: d9c4f5e390b580b63d12469a60b56a93974763a5d0cc40bc7c5fc8250cdc688791b503ca2d341d5ada30f7f4dea7d94ae013d3f66c80be8afefa99b3b5fef6bd
-  data.tar.gz: 11820ac5b88b69d2e8b19b29839f95cfa120088bf35a811232db75a7becbe515e1b43512261e0b6f47cecf7e4932e408e09a422db3879438d886f7d6f88019ba
+  metadata.gz: eedf22da95eb918dc14c24d322c73c9e2d0fa9f679fb4b2aaafd6a88b0f721e88307e38c60852969941a924f0bf2cb2914e4b5a151db32223d7fe782738834e9
+  data.tar.gz: 1e4cdb6f95727766cb29be5ec8fb934b0fc9b0caabca6cc659c4fe98ee66c2ec56148c107596232dd874f388d8e2b3468f6f7157ea430b73a68378e27f2fb8ce

data/README.md

@@ -22,13 +22,13 @@ 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 :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 :lat_column => 'latitude', :lng_column => 'longitude' , :zoom_level => 10, :default_coordinates => [lat,lng], autocomplete: { enable: true, class: 'form-control' }  %>
 ```
 To display static map:
 
@@ -48,6 +48,7 @@ beside the option depicted on the example above it can be configured with the fo
 - `api_key` - Google Map api key (optional)
 - '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
 =============================
@@ -55,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.
@@ -75,7 +77,7 @@ VERSION
 =======
 -0.1.0
     -  Rails4 support
-    
+
 -0.0.3
     - `static map` feature added
     -  `javascript map handler` support added

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

@@ -1,6 +1,7 @@
-
+<% autocomplete = autocomplete || {} %>
 <script type="text/javascript">
     var <%= map_handler%> = <%= map_handler%> || {};
+    var <%= map_handler%>Marker = <%= map_handler%>Marker || {};
 
     var afterGmapLoaded = function(){
 
@@ -22,11 +23,25 @@
             map:map
         });
         <% 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);
@@ -36,6 +51,7 @@
                     map: map
                 });
             }
+            <%= map_handler%>Marker = marker;
 
             map.setCenter(location);
             jQuery("#<%= lat_dom_id%>").val(location.lat());
@@ -53,6 +69,12 @@
     }
 
 </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/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: true, 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.0.10"
+  VERSION = "0.0.11"
 end

data/lib/gmap_coordinates_picker/view_helper.rb

@@ -13,6 +13,7 @@ module GmapCoordinatesPicker #:nodoc
         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,6 +26,7 @@ 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,
+          :autocomplete => options[:autocomplete] || GmapCoordinatesPicker.config.autocomplete,
           :default_coordinates => options[:default_coordinates].empty? ?  GmapCoordinatesPicker.config.default_coordinates : options[:default_coordinates],
       }
 
@@ -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,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: gmap_coordinates_picker
 version: !ruby/object:Gem::Version
-  version: 0.0.10
+  version: 0.0.11
 platform: ruby
 authors:
 - Muntasim Ahmed