Learn WPF Using Google Place API

Using Google Place API

If you're going to use Google API, you must sign up for a Gmail account. Once you successfully login click here. In this site, you have to click the “GET a Key” button to flow through a process where you will:

• Create or select a project.
• Enable the API.
• Get an API Key.

Create and Enable the API

Create a project name and click the “CREATE AND ENABLE API.”

Get an API Key

In this process, you are getting keys ready to use in your application, so copy the key and click the “FINISH” Button.

Configure the API

I have checked this key using the URL below, and found out what the actual result is. https://maps.googleapis.com/maps/api/distancematrix/xml?units=imperial&origins=Washington,DC&destinations=New+York+City,NY&key=_YOUR\_API\_KEY_ I have configured the URI and Key in APP.CONFIG.

Code Behind

First, I have initiated the URL for a web browser.

Wb.Navigate("https://www.google.co.in/maps");

Create the new class for retrieving and storing the values.

public class vmDistnce { public string durtion { get; set; } public double distance { get; set; }   }

Output 1

Then I get data from App.config.

string DistanceApiUrl = ConfigurationManager.AppSettings["DistanceApi"];

string myKey = ConfigurationManager.AppSettings["ApiKey"];

Here, I have used the web URL to look for the UI and API URL and used it to get the values of this search's result. Once you click the “Calculate” button, follow the below code.

vmDistance objDistance = new vmDistance();   try   {   string DistanceApiUrl = ConfigurationManager.AppSettings["DistanceApi"];   string myKey = ConfigurationManager.AppSettings["ApiKey"];   string url = DistanceApiUrl + txtOrigins.Text + "&destinations=" + txtDestinations.Text"&mode=driving&sensor=false&language=en-EN&units=imperial&Key="+ myKey;   HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url);   WebResponse response = request.GetResponse();   Stream dataStream = response.GetResponseStream();   StreamReader sreader = new StreamReader(dataStream);   string responsereader = sreader.ReadToEnd();   response.Close();   DataSet ds = new DataSet();   ds.ReadXml(new XmlTextReader(new StringReader(responsereader)));   if (ds.Tables.Count > 0)   {   if (ds.Tables["element"].Rows[0]["status"].ToString() == "OK")   {   objDistance.durtion = Convert.ToString(ds.Tables["duration"].Rows[0]["text"].ToString().Trim());   objDistance.distance = Convert.ToDouble(ds.Tables["distance"].Rows[0]["text"].ToString().Replace("mi", "").Trim());   }   }   txtDuration.Text = objDistance.durtion;   txtDistance.Text = Convert.ToString(objDistance.distance);   }   catch (Exception ex)   {   MessageBox.Show ("Error in calculating Distance!" + ex.Message);}

I have added the distance mode in the API URL, as follows: "&mode=driving&sensor=false&language=en-EN&units=imperial&Key=” But, per our users' needs, we can get the result from Google Place API. After the calculation, I will navigate the Web URL to the web browser.

Wb.Navigate("https://www.google.co.in/maps/dir/"+txtOrigins.Text +"/"+txtDestinations.Text);

Run the application or Click (F5)

Output 2

Conclusion

In this article, we have learned WPF, using the Google Place API. If you have any queries, please tell me through the comments section. Your comments are very valuable. Happy Coding!