Webview string not working

MIT App Inventor Help
6

this the the code that i have hosted

<!DOCTYPE html>
<html>
<body>
<button id="buttonop" onclick="getLocation()">Try It</button>
<p id="demo"></p>
<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) {
  x.innerHTML = "Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;
window.AppInventor.setWebViewString(position.coords.latitude )
}
</script>
</html>
1 Like
7

hey but the webview string was working properly yesterday

8

looks like you forgot to input the html code into the ai2 asset

9

not needed i hosted this code on 000webhost

https://location-latitude.000webhostapp.com/

10

okay i got it

1 Like
11

i think you should get the code from that website with this trick:

blocks (3)

12

not working could you try at your end

13

why @TIMAI2 could you please elaborate

14

I don't know much about JS but as i read here:

https://puravidaapps.com/snippets.php#2webviewstring

you have not written getWebViewString() in your HTML and JS code

so it does not return any webview string. Try this method.

15

see this this sets the webview string to my current latitude

16

and this code sets

image
image1371×366 45.3 KB

lable 1 to webview strng

17

Just retested your code and it works. You either did not give location permission (location services not turned on ?) or you did not wait until the the location sensor on the device had got a fix, and could therefore return a value.

Regardless, as previously suggested, this method is no quicker than directly using the location component.

18

are you sure

already given the permission

waited for 5 minutes

its (location sensor) too slow, my code was returning the value within seconds yesterday dont know what happened today

19

@Oye_Lucky close this line :
window.AppInventor.setWebViewString(position.coords.latitude)
with ; on your code

1 Like
20

not working updated my site too

21

Hi
I opened developer tools on your website and the console showed this error:
image
image
Maybe this is why app inventor is not able to communicate?
This website can help you I think:

http://net-informations.com/js/iq/unerror.htm

22 
window.AppInventor.setWebViewString() & window.AppInventor.getWebViewString()

will only work inside an AI2 app, they will not work in a PC / Computer browser - where their use will break the script.

23

No, I just said that for fun

Of course I am sure, tested with Android 11 device in companion mode

image
image366×513 14.3 KB

1 Like
24

Working :+1:

Screenshot_2021-07-31-18-31-54-21
Screenshot_2021-07-31-18-31-54-21720×1600 55.8 KB

(in CustomWebView too)

25

@Oye_Lucky I got a great idea after I took a shower :star_struck:

First, try to use this code

<!DOCTYPE html>
<html>
<body onload="getLocation()">

<script>

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
    window.AppInventor.setWebViewString("Geolocation is not supported.");
  }
}

function showPosition(position) {
  window.AppInventor.setWebViewString("Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude);
}

</script>

</body>
</html>

Second, use my edited project

test_webview_string.aia (2.1 KB)

If my solution helped you, please close this topic by clicking the solution button. Thank you :kissing_heart:

1 Like