Navigator.geolocation Not Working

I'm working on a application that requires I get the users location info and I'm using the navigator.geolocation service to handle retriving the users latitude and longitude accord

Solution 1:

A quick check on console reveals that this API will work only on secure addresses, hence you're forbidden to use.

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://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features for more details.
undefined
VM2552:4 Only secure origins are allowed (see: https://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features)