Forum Discussion

karamem0's avatar
karamem0
Brass Contributor
Oct 21, 2020

navigator.geolocation.getCurrentPosition() failed with Teams desktop app

I want to get login user's location information in Teams custom app, but JavaScript navigator.geolocation.getCurrentPosition() function failed when using Teams desktop app. (succeeded with Teams web app)

Teams desktop app version is 1.3.00.26064.

 

This is what all I did:

  • Create new app with yo teams.
  • Edit manifest file to allow to use geolocation.

 

"devicePermissions": [
  "geolocation"
],

 

  • Add the code below in componentWillMount function.

 

navigator.geolocation.getCurrentPosition(
  (args) => {
    this.setState({
      latitude: args.coords.latitude,
      longitude: args.coords.longitude
    });
  },
  (err) => {
    window.alert(err.message);
  });

 

 

The result is:

 

How can I fix the problem?

developer
microsoft teams

3 Replies

      • Trinetra-MSFT's avatar
        Trinetra-MSFT
        Iron Contributor
        Oct 28, 2020

        karamem0 , Could you please try this code?

         

        @{ Layout = null;}
@{
    ViewBag.Title = "View";
}
    <script>
        var x = document.getElementById("demo");
        function showPosition() {
            if (navigator.geolocation) {
              navigator.permissions.query({name:'geolocation'}).then(function(result) {
              if (result.state == 'granted') {
                // Access granted
                  navigator.geolocation.getCurrentPosition(function (position) {
                    var positionInfo = "Your current position is (" + "Latitude: " + position.coords.latitude + ", " + "Longitude: " + position.coords.longitude + ")";
                    document.getElementById("result").innerHTML = positionInfo;
                  },
                      function (error) {
                          console.log(error);
                      }
                  );
              } else if (result.state == 'prompt') {
                  // Access has not been granted
                  console.log('Please prompty');
              }
                });
            } else {
                alert("Sorry, your browser does not support HTML5 geolocation.");
            }
        }
    </script>
<html>
<body>
    <p>Click on the Button to give Access to Your Location</p>
    <button onclick="showPosition()">Get Location</button>
    <p id="demo"></p>
    <div id="result">
        hi
    </div>
</body>
</html>

Resources