Local Weather Blank Page

Hello,

I am able to see my correct coords. in the console.log but my app is still blank. Can someone please take a look at my code and see where I went wrong? Thanks in advance.

In the console, I get the message: “getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.

I avoided that altogether by using:

  $.getJSON("http://ip-api.com/json", function (data) {
    lat = data.lat;
    lon = data.lon;

I’m sure there’s another solution, but no one else was answering.