地理位置无法在移动设备上运行（javascript）

Question

我正在使用JavaScript 导航器功能来获取用户当前位置。第一次，如果用户未启用他的位置。给用户错误以启用他的位置。并且如果用户启用他的位置。然后在桌面上进入成功功能，但是在移动设备上不进入成功功能。

下面是我的代码段：

function getLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition,showError);
      } else {
        alert( "Geolocation is not supported by this browser.");
      }
    }
    function showPosition(position) {
      lat = position.coords.latitude;
      lng = position.coords.longitude;
      // call api functions
    }

    function showError(error) {
      switch(error.code) {
        case error.PERMISSION_DENIED:
          alert( "Please allow location to find vendors near you.");
          document.getElementById('errorDivBlock').style.display='block';
          document.getElementById('errorPopularEatsDiv').style.display='block';
          document.getElementById('homePageProductsContainer').style.display = 'none';
          initMap();
          break;
        case error.POSITION_UNAVAILABLE:
          alert( "Location information is unavailable.");
          break;
        case error.TIMEOUT:
          alert( "The request to get user location timed out.");
          break;
        case error.UNKNOWN_ERROR:
          alert( "An unknown error occurred.");
          break;
      }
    }
    getLocation();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="errorDivBlock"></div>
<div id="errorPopularEatsDiv"></div>
<div id="homePageProductsContainer"></div>