Javascript 地理位置是否阻止移动导航应用打开？

我为一个问题挣扎了一段时间。我找不到任何有适当帮助的文章。我正在建立一个网站，我有“导航”按钮。该按钮必须找到用户位置并将其导航到特定位置。如果用户使用台式计算机，则应打开带有路线的谷歌地图。但如果用户使用移动设备，它应该直接打开他的导航应用程序并启动路线。（当然，如果没有安装导航，它也应该在浏览器中打开谷歌地图。）

结果是，查找用户地理位置会阻止打开导航应用程序。相反，它会在浏览器中打开谷歌地图。有人知道问题在哪里吗？有没有办法实现我的目标

这是我使用HTML5地理位置的代码：

$('#button-navigate').on('click', function(e){
    navigator.geolocation.getCurrentPosition(geoNavigate);
    e.preventDefault();
});

function geoNavigate( position ) {
    var myLat = position.coords.latitude;
    var myLng = position.coords.longitude;
    window.location.href = 'http://maps.google.com/maps?saddr=' + myLat + ',' + myLng + '&daddr=42.140511,24.6884765';
}

但如果我这样尝试下去，使用静态起点，没有地理定位功能，它似乎工作正常：

$('#button-navigate').on('click', function(e) {
    window.location.href = 'http://maps.google.com/maps?saddr=43.140511,24.6884765&daddr=42.140511,24.6884765';

    e.preventDefault();
});

我不喜欢在页面加载时获取用户位置并将其设置为按钮上的href属性。有没有其他方法来获取用户坐标或解决我的地理位置问题

---

编辑：这似乎发生在android手机上。我已经试过iPhone 6和iPhone 5S，它工作正常。

但如果用户使用移动设备，它应该直接打开他的导航应用程序并启动路线

我的手机上没有导航应用程序。在这种情况下，它还应该在浏览器中打开谷歌地图。