How to fix the geolocation issues with chrome on CodePen

Hi guys,

I’ve realised that my wetaher app doesn’t work any more due to Chrome not allowing geolocation on an unsecure network. This is whta I get when I console log my project (on chrome):

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.

Is there any way around this?

Replace Geolocation with ip-api.com.

consider switching your application to a secure origin, such as HTTPS

Set your codepen’s address to https and use weather API which supports https (e.g. Weather Underground)

Ok thanks, But how do i do that?

IP-API also return a json which includes location coordinates. You can use those coordinates to get weather. In short you will need to have Two Ajax/Json request on your app. One for IP-API and other for Weather.

Or you may use @jenovs solution.