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?
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 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 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.
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'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