Street name drop down to add to our adpost page
Budget: $30 – $250 USD
Specification for Street Name Suggestions on Ad Post
Objective: On an ad post, retrieve street name suggestions from the Google Maps API, specifically targeting Sri Lankan street names.
Retrieve Street Name Suggestions:
Utilize the Google Maps API to fetch street name suggestions.
Ensure that only Sri Lankan street names are returned in the results.
Filter API Results:
Implement a filtering mechanism based on the first few characters entered by the user.
Use this filter to narrow down the suggestions and present relevant options to the user.
City and District-based Filtering:
Determine the entered city and, if available, the district from the user's input.
Pass these details (country, city, and district) to the Google API in order to receive filtered suggestions restricted to the specified city or district.
If the Google API does not support city filtering, display the city name below or to the right of the street name in small grey letters. (Refer to image.png for visual representation)
Auto Suggestion Dropdown:
Display the filtered results as an auto-suggestion dropdown for the user to select from.
Trigger the display of this dropdown after the user has entered at least the first 5 letters of the street name.
Free Text Entry for Street Name:
Allow users the option to enter a street name freely, even if not selected from the provided suggestion list.
Accommodate the entry of a complete street name in cases where the desired option is not available in the suggestions.
Saving Street Name ID:
If the user selects a street name from the suggestion list, save the corresponding street name ID (if available from the API).
Implement a mechanism, preferably using JavaScript, to write the street name ID to a hidden field in the ad post form.
This will enable easy filtering of ads based on the same street name in the future.
Reference: Google Maps Places Autocomplete Documentation
Objective: On an ad post, retrieve street name suggestions from the Google Maps API, specifically targeting Sri Lankan street names.
Retrieve Street Name Suggestions:
Utilize the Google Maps API to fetch street name suggestions.
Ensure that only Sri Lankan street names are returned in the results.
Filter API Results:
Implement a filtering mechanism based on the first few characters entered by the user.
Use this filter to narrow down the suggestions and present relevant options to the user.
City and District-based Filtering:
Determine the entered city and, if available, the district from the user's input.
Pass these details (country, city, and district) to the Google API in order to receive filtered suggestions restricted to the specified city or district.
If the Google API does not support city filtering, display the city name below or to the right of the street name in small grey letters. (Refer to image.png for visual representation)
Auto Suggestion Dropdown:
Display the filtered results as an auto-suggestion dropdown for the user to select from.
Trigger the display of this dropdown after the user has entered at least the first 5 letters of the street name.
Free Text Entry for Street Name:
Allow users the option to enter a street name freely, even if not selected from the provided suggestion list.
Accommodate the entry of a complete street name in cases where the desired option is not available in the suggestions.
Saving Street Name ID:
If the user selects a street name from the suggestion list, save the corresponding street name ID (if available from the API).
Implement a mechanism, preferably using JavaScript, to write the street name ID to a hidden field in the ad post form.
This will enable easy filtering of ads based on the same street name in the future.
Reference: Google Maps Places Autocomplete Documentation