First you need to include below js, which can be found on internet.
- jquery.min.js
- jquery-1.7.2.min.js
Javscript script to call Google Map API
- <script lang="javascript" type="text/javascript">
- function FindLocaiton1(address) {
- var url = 'https://maps.googleapis.com/maps/api/geocode/json?address=' + address + '&sensor=false';
- $.ajax
- ({
- url: url,
- data: 'json',
- success: function (results, xhr) {
- $.getJSON(url, function (results) {
- d1.innerHTML = "Loading ...";
- for (var k = 0; k < results.results.length; k++)
- {
- if (k == 0)
- d1.innerHTML = "";
- d1.innerHTML = d1.innerHTML + "<br/>" + (k + 1) + ". Lat : " + results.results[k].geometry.location["lat"] + ", Long: " + results.results[k].geometry.location["lng"] + " >> Area : " + results.results[k].address_components[2].long_name + "<hr/>";
- }
- });
- }
- });
- }
- </script>
- <input id="b1" type="button" runat="server" value="Find Location" onclick="FindLocaiton1(t1.value);" />
- <div id="d1">
- </div>
Hope it helps someone.

Vishal JadavPosted Sep 7, 2016, 8:48 AM
Thank you sir.
SubashPosted Sep 7, 2016, 8:45 AM
Nice one