How to implement Google map in Xamarin forms - google-maps

I'm trying to make xamarin.forms app with google map on page.
Earlier I used Device.OpenUri, but as official documetation says: "This often navigates out of the application."
My goal is to stay in aplication and make exact the same page like this:
I can't find any good documentation or step by step tutoriel neighter...

Did you check Xamarin Forms Map? If you don't like how the default pins look like, you can define a template for them (check here).
In case you already have a link of google maps that you want to show, and you don't want to create it by yourself (solution from above), try with WebView and set URL to the link you have.

Related

Using Callback url to chrome in Google Maps for iOS

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

AutocompleteService and Powered by Google

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!

How to do like this style in Google Map

↓ click to show image
[show googlemap_style_screenshot_image]
how to do this style in google map?
this style is not custom marker. (all of poi)
I deleted my browser's cookies and then returned to the default style.
It happened by chance. But I can not try again.
thank you for reading.
This is the new interface of the Google Maps webapp.
Not all of what is provided in the Google Maps webapp is provided when using Google Maps API. So at the moment, there is no solution that can easily replicate this look. But you can style maps on your own. Read more about it here: https://developers.google.com/maps/documentation/javascript/styling
There's even a styling wizard: https://mapstyle.withgoogle.com/

Is there a way to construct mobile friendly google maps urls that do not redirect to google places?

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.

Has there been a change in Google maps for mobile?

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