Option to restrict the autocomplete search to a particular country

Author: olefirenko

README.md

@@ -88,7 +88,13 @@ The input field will get this placeholder text.
 Type: `String`
 Default: `address`
 
-Types supported in place autocomplete requests. [More info] (https://developers.google.com/places/supported_types#table3)
+Types supported in place autocomplete requests. [More info](https://developers.google.com/places/supported_types#table3)
+
+#### country
+Type: `String`
+Default: null
+
+Option to restrict the autocomplete search to a particular country. Countries must be passed as as a two-character, ISO 3166-1 Alpha-2 compatible country code (i.e. "br", "sg", "fr").
 
 
 #### enable-geolocation
@@ -113,6 +119,7 @@ Please note that you need to provide what method will listen (`v-on:placechanged
             classname="form-control"
             placeholder="Please type your address"
             v-on:placechanged="getAddressData"
+            country="sg"
         >
         </vue-google-autocomplete>
     </div>

example/src/index.html

@@ -20,11 +20,12 @@ <h2 class="subtitle">A Vue.js autosuggest component for the Google Maps Places A
         <div class="container" id="app">
             <h3 class="title is-4">Start typing an address and below you will see found result</h3>
             <p class="control">
-                <vue-google-autocomplete 
-                    id="map" 
+                <vue-google-autocomplete
+                    id="map"
                     classname="input"
                     placeholder="Start typing"
                     v-on:placechanged="getAddressData"
+                    country="sg"
                 >
                 </vue-google-autocomplete>
             </p>
@@ -48,4 +49,4 @@ <h3 class="title is-4">Start typing an address and below you will see found resu
 <script src="../dist/app.js"></script>
 
 </body>
-</html>
+</html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-google-autocomplete",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Vue component to Google Places Autocomplete",
   "main": "src/VueGoogleAutocomplete.vue",
   "homepage": "https://github.com/olefirenko/vue-google-autocomplete",

src/VueGoogleAutocomplete.vue

@@ -29,6 +29,11 @@
             default: 'address'
           },
 
+          country: {
+            type: String,
+            default: null
+          },
+
           enableGeolocation: {
             type: Boolean,
             default: false
@@ -48,12 +53,22 @@
         },
 
         mounted: function() {
-           this.autocomplete = new google.maps.places.Autocomplete(
+          const options = {
+            types: [this.types]
+          };
+
+          if (this.country) {
+            options.componentRestrictions = {
+              country: this.country
+            };
+          }
+
+          this.autocomplete = new google.maps.places.Autocomplete(
                 document.getElementById(this.id),
-                { types: [this.types] }
+                options
             );
 
-           this.autocomplete.addListener('place_changed', () => {
+          this.autocomplete.addListener('place_changed', () => {
 
                 let place = this.autocomplete.getPlace();