Exclude exact addresses from geographic search

kramwe · March 26, 2018, 5:15pm

Hey - I’d like to give our users an option to input their city / state / country. Anyone have a way to do this already? The geographic search feature includes exact addresses which I’d like to omit from the result set.

For example, if my city is New York, the UI shows me a slew of very granular addresses which I’d like to omit.

mente12 · March 26, 2018, 6:57pm

Perhaps you could collect city, state, and country in other standard fields and then assign them to the Geographical Search input box.

Hope it helps,
Rick

kramwe · March 26, 2018, 7:27pm

Is there a way to enable the user to lookup cities and states separately???

mente12 · March 27, 2018, 5:11am

Please explain your new question in more (a lot more) detail. Thanks

sridharan.s · March 27, 2018, 5:48am

Thanks Rick.

As a follow-up to @kramwe’s original question - does anyone know how to enable auto-suggest for lists of cities using Google or similar? We don’t want to maintain the raw list of cities ourselves and using the default approach in Bubble includes many addresses which aren’t cities which can confuse our end users.

kramwe · March 27, 2018, 12:49pm

Yep, the question is … has anyone else modified the plugin or have the code to add a restriction to the google places API?

https://developers.google.com/maps/documentation/javascript/places-autocomplete.

kramwe · March 27, 2018, 1:48pm

Hey -

So, I wrote the HTML/CSS/JS to which can be used with toolkit to enable city specific search powered by google. You can get the code here: https://github.com/number-cruncher/bubble/blob/master/google_maps_api_limited_to_city.html

The search functionality looks like this:

Anyone should feel free to turn this into a plugin to make it easier for others to use…

live-escapebox · April 3, 2018, 4:41pm

@emmanuel
Would it be possible to implement it on bubble ?

It would be great to do geographic search limited to only a country

kramwe · May 18, 2018, 4:42pm

@neerja - is this in the bubble dev backlog?

neerja · May 18, 2018, 5:17pm

For similar previous requests, it turns out while we cannot restrict by country, we can potentially add a location with radius parameter.

kramwe · May 18, 2018, 5:20pm

Can you expose some of google API options? For example, we’re interested in only showing cities (not address level).

github.com

number-cruncher/bubble/blob/master/google_maps_api_limited_to_city.html#L75




<body>


    <div id="locationField" class = "search-box">
      <input id="autocomplete" class="input-box" placeholder="Enter your city",type="text"></input>
    </div>


  <script>
    var placeSearch, autocomplete;
    var options = {
    types: ['(cities)']
    };


    function initAutocomplete() {
      autocomplete = new google.maps.places.Autocomplete(
          (document.getElementById('autocomplete')), options);
    }
  </script>
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initAutocomplete"
      async defer></script>
</body>

neerja · May 22, 2018, 4:05pm

We have received multiple requests for geographical search and will look into place / country / city filters for future releases.

meyerhd2 · May 22, 2018, 7:29pm

I use the standard Bubble input with geographic places and pass it a US Zip Code only. When given a zip only (“10021”), It returns only “New York, NY 10021, USA”. From that result, normal Bubble functions can extract the city and state.

Just adding to the thread, don’t know if working with Zip Codes fits yours or others’ use case, but I was surprised at how well this works.

FWIW, there are many free sources on the web where you can download lists of zip codes by state, county, etc. if you want to use them as a data type to “restrict” the Zip Code input to certain areas.

boston85719 · October 15, 2019, 7:04pm

@meyerhd2

I was thinking of downloading a CSV with roughly 40,000 zip codes that include data fields like city name, state and lat / long points.

I was trying to search the forum for ideas of this in practice in terms of the costs associated with loading that much data into the database.

I really have no concept of how much it costs to store data.

chrismoris · March 18, 2020, 2:53am

Bumping this thread. Would really like to capture just City, State.

rachelwalsh365 · December 10, 2020, 6:47pm

Hi @kramwe, would you be able to share some details on how you got this working in your app? I’m trying to achieve the same thing but not sure how to set up like you seem to have done.

Thanks!

localprosnet · February 3, 2022, 5:02pm

It’s 2022, any chance we can get a way to filter out addresses when you put in a zipcode? I don’t need an exact address. Just City State And zip and it creating multiple and unnecessary hits on the google api. Considering this is a potential cost issue would bubble reconsider this?