I have a google map with a few markers already on it. When a user clicks a Get Directions button, I'd like a search box with the same functionality as the Google Map's. When users type an address/postcode in it, they get a "directions" button and if clicked on it will calculate and draw the distance between the address you typed in and the closest marker to it. I've had a very good look at the API, especially this page https://developers.google.com/maps/documentation/javascript/places but I couldn't find anything that matches exactly the google search box and its functionalities. Does anybody know if the above is doable?
Related Questions in GOOGLE-MAPS
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- MarkerInfoWindow doesn't hold the clicked marker position after list refresh in Compose Map
- The Polyline is not showing in flutter but the directions api is enabled and the current position is not updating
- Unsure what imports to use for Advanced Marker Element
- The problem is that it takes a long time to index web pages in emdadrodbar.ir?
- distance matrix api gives incorrect data
- How to display google maps in dark mode in a .NET MAUI (Android) app
- Couldn't import Google Map API
- google maps api - how to get location information /place_id from shareable links maps.goo.gl
- 'map-advanced-marker' component not found after upgrading @angular/google-maps
- How to Filter bus stops between Start and Stop BUS STOP?
- How to make pressing on marker fill in the textViews
- Google api nearbysearch how to filter data business_status
- Embedded google map throws net::ERR_BLOCKED_BY_CLIENT in chromium(Brave) browser
- Why the code shows only the header and footer of xml file?
Related Questions in GOOGLE-PLACES-API
- How can i get the reviews in google maps via API
- Flutter Google Places API Authorization Error
- Trying to use google map places api with usePlacesAutoComplete in NEXT.js project but getting InvalidKeyMapError
- Way to search and get a panoram image and other info on places
- how to request for license=cc0 photos by places api
- HTML/JS Google Maps API for reviews is showing only 5 reviews
- Places Autocomplete Only Return Residential Street Addresses In The US
- React google places autocomplete returning only one place (Needing zip)
- Implementing Places Search Box in ReactJS
- Get business rating over Google places API in Javascript (Client-Side)
- I want to filter Google places autocomplete suggestions only for India in Next Js
- AndroidStudio - Apps built on ARM processors are functionally different from Intel with same codebase
- Error retrieving place ID. Response code ZeroResults
- Google Places rejection iOS
- Google Places API - Passing Multiple "Types" into the Autocomplete Function
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
You can use the Places Search Box as far as implementing something similar to Google Maps. However, from what you've said, rather than Places, you can probably get away with just an input box, unless you actually need Places data. If all you need is to get directions, you'll want to incorporate the Directions API. With the input box as the origin and the nearest marker as the destination, you can then calculate directions.