Aspx or mvc page to display browser latitude and longitude and bing adress

Question

Aspx or mvc page to display browser latitude and longitude and bing adress

Anonymous

I want to combine these two examples and create a aspx page to display the browser's lat/long and current address kindly please help

https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation

  static async Task<string> ReverseGeocode(double latitude, double longitude)
        {
           // string BingMapsApiKey = "bing key";

            using (HttpClient client = new HttpClient())
            {
                string url = $"https://dev.virtualearth.net/REST/v1/Locations/{latitude},{longitude}?o=json&key={BingMapsApiKey}";
                HttpResponseMessage response = await client.GetAsync(url);
                string json = await response.Content.ReadAsStringAsync();

                // Parse the JSON response to extract the address
                dynamic data = Newtonsoft.Json.JsonConvert.DeserializeObject(json);
                string address = data.resourceSets[0].resources[0].address.formattedAddress;

                return address;
            }
        }

Answer accepted by question author

1 additional answer

Your answer

Answer 1

Hi @KALYANA ALLAM,

I used the Ajax Post method on the Aspx page to achieve your request, you can refer to it.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-3.4.1.min.js"></script>
    <script>
        var x = document.getElementById("demo");

        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
            } else {
                x.innerHTML = "Geolocation is not supported by this browser.";
            }
        }

        function showPosition(position) {

            $.ajax({
                url: "/WebForm11.aspx/ReverseGeocode",
                method: "POST",
                contentType: "application/json; charset=utf-8",
                data: '{"latitude":"' + position.coords.latitude + '","longitude":"' + position.coords.longitude + '"}',
                success: function (response) {
                    document.getElementById("Label3").innerHTML = response.d["Result"];

                    document.getElementById("Label1").innerHTML = position.coords.latitude;
                    document.getElementById("Label2").innerHTML = position.coords.longitude

                }
            })

        }

    </script>
</head>
<body>
    <button onclick="getLocation()">GetLocation</button>
    <h3>latitude</h3>
    <asp:Label ID="Label1" runat="server"></asp:Label>
    <h3>longitude</h3>
    <asp:Label ID="Label2" runat="server"></asp:Label>
    <h3>address</h3>
    <asp:Label ID="Label3" runat="server"></asp:Label>
</body>
</html>

 [WebMethod]
        public static async Task<string> ReverseGeocode(double latitude, double longitude)
        {


            using (HttpClient client = new HttpClient())
            {
                string url = $"https://dev.virtualearth.net/REST/v1/Locations/{latitude},{longitude}?o=json&key=****";
                var response = client.GetAsync(url).Result;

                string json = await response.Content.ReadAsStringAsync();

                // Parse the JSON response to extract the address
                dynamic data = Newtonsoft.Json.JsonConvert.DeserializeObject(json);
                string address = data.resourceSets[0].resources[0].address.formattedAddress;

                return address;
            }
        }

enter image description here Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Anonymous

2023-07-19T09:51:34.1733333+00:00

@Lan Huang-MSFT

I am getting compilation error please suggest.

https://github.com/KalyanAllam/WebSiteGeoLocation
Lan Huang-MSFT 30,206 Reputation points Microsoft External Staff

2023-07-19T10:00:30.19+00:00

Hi @KALYANA ALLAM,

I open your project. The code inside is all messed up.
Lan Huang-MSFT 30,206 Reputation points Microsoft External Staff

2023-07-19T10:02:32.67+00:00

And also your url is wrong.
Anonymous

2023-07-19T10:13:21.1966667+00:00

@Lan Huang-MSFT

I checked in corrected code to git but still I get below error

Capturey.JPG

Severity Code Description Project File Line Suppression State

Error CS0122 'HttpClient' is inaccessible due to its protection level 2_Default.aspx C:\Users\allam\source\repos\WebSiteGeoLocation\WebSiteGeoLocation\Default.aspx.cs 21 Active

Answer 2

Bruce (SqlWork.com) 82,221 Volunteer Moderator

you need a sniffer page to send the data to the server

<form action="ShowGeoLocation.aspx" id="GeoForm">
<input type="hidden" name="Latitude" id="Latitude">
<input type="hidden" name="Longitude" name="Longitude">
</form>
<script>
navigator.geolocation?.getCurrentPosition(function (position) {
  document.getElementById("Latitude").value = position.coords.latitude;
  document.getElementById("Longitude").value = position.coords.longitude;
  document.getElementById("GeoForm").submit();
});
<script>

Share via

Aspx or mvc page to display browser latitude and longitude and bing adress

1 additional answer

Your answer