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.
Related
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 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
To become more efficient, I wanted to use keyboard to point to and open any google search results on the first page. I couldn't find any such shortcut. I think using tab used to work but recently it has stopped working for me.
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.
I am having trouble getting Google Maps to work on my mobile website Here is my google maps direction page that i have been using for a while now. Here is the code in a txt file
The problem is that google maps doesn't show the route anymore but just the fronpage of google maps mobile.
Have there been some changes that i don't know about, this used to always work?
Thanks
Dave
make sure your form has a saddr and an eaddr fields (i have mine set to hidden) and change the form action just simply to "http://maps.google.com", no need for "m" or "directions", it'll just figure it all out now, which action it should take, based on the user agent I guess.
This will however, on mobile platforms, prompt an activity picker on android or launch google maps automatically on iPhone.
From what Im seeing at this point in the game, the onyl way around forcing anything is to write your own parser for the Google Directions API, using a combination of cURL and the json_decode function of PHP
:\ sadly