新的Ionic 3 PWA - 不支持在Chrome中运行地理位置

Question

我使用以下说明旋转了一个新的Ionic 3 Web应用程序：https://www.cabotsolutions.com/2017/10/developing-progressive-web-apps-in-ionic-framework

然后，我将以下代码添加到服务工作者：

function showLocation(){
  if(navigator.geolocation){
    navigator.geolocation.watchPosition(showPosition, locationError);
  } else {
    
    console.log("Geolocation not supported");
  }
}

function locationError(error) {
  switch(error.code) {
      case error.PERMISSION_DENIED:
          return "User denied the request for Geolocation."
          break;
      case error.POSITION_UNAVAILABLE:
          return "Location information is unavailable."
          break;
      case error.TIMEOUT:
          return "The request to get user location timed out."
          break;
      case error.UNKNOWN_ERROR:
          return "An unknown error occurred."
          break;
  }
}

function showPosition(position) {
  console.log({lat: position.coords.lattitude, lon: position.coords.longitute});
}


showLocation();

然后我取消注释index.html中的服务工作者脚本。

我得到以下内容：“地理位置不受支持”

我在浏览器中检查了位置服务 - 它已经开启了。

我使用的是Chrome版本67.0.3396.62

我正在以localhost身份运行

我提前感谢你的帮助。