原生H5关于获取当前坐标

之前 看网上的方法 及百度和腾讯提供的方法总是获取到的位置是 ip的坐标，但是ip的最小精确是省市区坐标，获取的又用不了......... 绕了很大的弯子，才把坑填住，记录一下

 <script>
     // H5 获取当前位置经纬度
    var location_lon = '',location_lat = ''; // 经度,纬度
    if (navigator.geolocation){
        navigator.geolocation.getCurrentPosition(function (position) {
            location_lon = position.coords.longitude;
            location_lat = position.coords.latitude;
            alert('h5经度：'+location_lon);
            alert('h5纬度：'+location_lat);
            location.href=`{:url('index/index')}?x=${location_lon}&y=${location_lat}`;
        });
    }else {
        alert("您的设备不支持定位功能");
    }
 </script>