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
Related
Given the following TS code to open a link to Google Maps:
const linkToMap = `https://google.com/maps/search/?api=1&query=${searchTerm}`;
window.open(linkToMap, '_blank');
When opening from a desktop or mobile browser, it works as expected. A new tab opens to Google Maps with a search for the query term. However, on Android devices, Google Maps will open and then do nothing. It will show whatever was open in the app when it was last used. It is behaving like it recognizes the maps link, but cannot handle the parameters. How can I fix this? Is there a specific way I need to structure the link? Is there a way to get logs for the app to see if its throwing an error?
I've tried using an older link scheme (https://www.google.com/maps?q=760+West+Genesee+Street+Syracuse+NY+13204) but got the same result.
I have created a custom map in Google's "My Maps" tool. I have created several location markers by importing data from a Google Sheet. One of the columns in my sheet has a URL in it.
The import works fine, and my map works well, for the most part. However, I have an issue with how the URLs are displayed.
When someone views my map in a desktop browser, this URLs are automatically converted to links and the user can easily click them to navigate to the location. Example:
Unfortunately, if you view the same map on iOS, it launches in the Google Maps app (which is fine, I guess) and when you open the details for the location marker the URL is displayed as plain text and is not clickable. Example:
Any ideas? Can I change something in the map configuration? Or in the data itself?
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 would like to know if there is a way to make my Android app trigger the download of an offline area in Google Maps app.
Yes, there is.
click the menu at the left side of the blank, choose 'offline map', you can choose the scope/granularity of the map.
If you are open to use other map services, I recommend to use HERE map, it can even calculate path without internet connection.
I'm attempting to construct and send a google maps url to a mobile browser. When the url is opened I would like it to bring up a google map with the geopoint marked. I have seen the stack question: What parameters should I use in a Google Maps URL to go to a lat-lon? And the answer there works perfectly for iphones, and standard PC/Mac browsers. However I opened the link I created
https://maps.google.com/maps?z=18&t=h&q=loc:51.5+-0.07
with Opera Mobile and was redirected to google places with a url like
maps.google.com/m/local?z=18&t=h&q=loc:51.5+-0.07
and the textbox was filled with
loc:51.5 -0.07
i.e. the geopoint. There was no map in sight, and searching for the details autofilled in the text box did not give me anything. When I attempted to navigate to this url on my mac it gave me a 404 error. Is there a way to construct mobile friendly google maps urls that will not redirect to google places?
The parameters for launching Google Maps are undocumented, which means they're subject to change without notification. You might want to look at using a Google Maps API instead, such as the Static Maps API if all you want is an image:
https://developers.google.com/maps/documentation/staticmaps/
or the JavaScript API:
https://developers.google.com/maps/documentation/javascript/
That way too you can keep people in your own application.