I have a simple Google Maps link on my site that opens a new page and loads the driving directions from our location to customer's address.
The link is something like
https://maps.google.ca/maps?saddr=[our address]&daddr=[customer address]&dirflg=d
Where [our address] is replaced with our address and [customer address] is replaced by the customer address. The Google Maps is loaded properly with the directions drawn out on the map but is there a way to expand the "List all steps" for the default selected direction on page load?
I'm guessing Google Maps will automatically load the "best" route when the page is loaded but currently the user has to manually click on the "List all steps" to view the step by step directions. I want it so that when the user clicks the link on my site then it'll automatically load the map directions along with the step by step directions already opened. Is there some kind of special URL parameter that I can pass to do this?
I've been looking for the same solution - If you are able to format the link in the following way this works:
https://www.google.com/maps/dir/[customer address]/[our address]/am=t/
It would be good to figure out how to submit it from a standard HTML form though.
Related
I have a react web app that provides a link to the native google maps app and shows directions on the map. I'd like to add a button to the google map with a specific url back into my react web app.
According to google documentation this should be possible
https://developers.google.com/maps/documentation/urls/ios-urlscheme#x-callback_requests
It says the call back scheme has to adhere to the x-callback-url specification.
I checked the list and google chrome is on there.
IT says to use
googlechromes://
Here is my URL from my app that opens google maps.
comgooglemaps-x-callback://?daddr=1723+Alberni+Street+Vancouver&travelmode=driving&x-success=googlechromes://myserver/myapp/srl/srsNoAPI/1&x-source=MyApp
Opens the map and shows the directions but no button to go back to my app
I read that: Buttons added via the x-source parameter will not be displayed in the turn-by-turn navigation UI.
So I changed my url to just this
comgooglemapsurl://maps.google.com/maps?q=1723+Alberni+Street+Vancouver&x-source=MyApp&x-success=googlechromes://myserver/myapp/srl/srsNoAPI/1&x-source=MyApp
Still no button with that callback url
I can see that there is a link in the top left corner of the map that says "Chrome". When I click that it goes back to my app but just where it came from not to the URL I provided in the callback.
Does anyone know how to do this?
Thank you very much.
Fabian
I want to know if I should put Powered by Google when I use AutocompleteService and not Autocomplete to built my dropdown address list when users search something!
I know if I have google map in the same page I can omit logo in the dropdown result.
I believe this is explained pretty much good in the Places API Policies document:
https://developers.google.com/places/web-service/policies
Logo Requirements
If your application displays Google Places API Web Service data on a page or view that does not also display a Google Map, you must show a "Powered by Google" logo with that data. For example, if your application displays a list of places on one tab, and a Google Map with those places on another tab, the first tab must show the "Powered by Google" logo.
So, for the AutocompleteService of Google Maps JavaScript API (that internally will call the web service endpoint) just follow this policy. If you have Google maps on the same page you can omit the logo, if you don't have the map on the same page you must add the logo.
I hope this helps!
I am using google maps on a simple HTML website. I can center the map on user's current location using HTML5, but that requires getting permission from the user.
Now, when I go to maps.google.com, the map is centered around my location pretty accurately, without asking my permission.
How can I do that? When I define the map in my HTML webpage, I need to identify the center. How can I set the center to the center that google maps automatically finds?
Thanks.
assuming your in chrome go to the google maps page, then press f12 goto the resources tab, expand local storage, session storage and cookies, delete all entries from there, close the tab, go back to maps, notice it will no longer have your location, you'll need to click on the sniper type gps icon and it will ask you in you browser if you want to allow location.
answer being it has to ask you for permission, there is no compromise whether it's google or anyone else.
Your only other option, if you are serving any content server-side, would be to attempt to get the user's location from his or her IP address. There are a handful of APIs and services out there that will give you approximate locations, but your mileage may vary greatly. And, as I mentioned, you would have to execute that code server-side and then return some lat-long back to the client side to initialize/update your map.
I want to create one webpage with one textbox, one button and one div containing the google map. My use case is whenever I enter some address in textbox and click on the button the google map for that place should get rendered in that div. Can anybody please help?
You want to use the Google Maps API:
https://developers.google.com/maps/documentation/javascript/
and either the geocoding service:
https://developers.google.com/maps/documentation/javascript/geocoding
or autocomplete:
https://developers.google.com/maps/documentation/javascript/places#places_autocomplete
The samples linked there should give you plenty of code to draw on.
I'm building a page which loads a google map, with street view on another div on the side and I would like to save that data so if the user closes his browser window and then comes back that it will bring it up again without the need to call the Google Map API again.
I've tried saving the div contents and replace it with the current one incase the user visited already.
I tried with cookies but couldn't save much information due for size limit of 4kb and I've tried localStorage (HTML5) but it didn't work as expected.
Any ideas?
Thanks