Limit autocomplete results by country, try to limit to city

prefeiturasp · Apr 10, 2018 · 874f269 · 874f269
1 parent 3715b19
commit 874f269
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/configs/MainConfigs.js b/src/configs/MainConfigs.js
@@ -1,5 +1,9 @@
 export default {
   city_center: {lat: -23.550406, lon: -46.633994},
+  city_bbox_w: -46.826251587155276,
+  city_bbox_s: -24.008125453472775,
+  city_bbox_e: -46.365099600379388,
+  city_bbox_n: -23.356585227755030,
   city_state: "São Paulo, SP",
   buffer_distance: 2.2, // the initial buffer distance for calculating school proximity
   distance_units: "kilometers",

diff --git a/src/containers/AddressInput/AddressForm.js b/src/containers/AddressInput/AddressForm.js
@@ -44,7 +44,14 @@ export class AddressForm extends React.Component {
     const placesAutocompleteOptions = {
       location: new google.maps.LatLng(GLOBALS.city_center.lat, GLOBALS.city_center.lon),
       radius: 20000,
-      types: ['address']
+      types: ['address'],
+      componentRestrictions: {country: "br"},
+      // FIXME: bounds and strictBounds still not working
+      bounds: new google.maps.LatLngBounds(
+        new google.maps.LatLng(GLOBALS.city_bbox_s, GLOBALS.city_bbox_w),
+        new google.maps.LatLng(GLOBALS.city_bbox_n, GLOBALS.city_bbox_e)
+      ),
+      strictBounds: true
     };
     const cssClasses = {
       input: 'autocomplete-input'