如何使用 Geolocation 查找位置？答案

【问题标题】：How to find location with Geolocation?如何使用 Geolocation 查找位置？
【发布时间】：2017-11-04 01:02:42
【问题描述】：

我正在尝试使用 Geolocation 查找我的计算机的位置，但我很难弄清楚。我希望它连接到一个事件监听器，当点击段落时，它会运行。

这是我的 HTML：

    <p id="para1">
    Click to find location
    </p>

这是我的脚本：

    //Global variables

 var elMap = document.getElementById("para1");
 var msg = 'Sorry, we were unable to get your location';

if (Modernizr.geolocation) {                                
navigator.geolocation.getCurrentPosition(success, fail);  
elMap.textContent = 'Checking location...';               
} else {                                                    
elMap.textContent = msg;                                  
}

   //Event listeners

document.getElementById("para1").addEventListener("click", geoAPI);

function geoAPI() {


function success(position) {                                
 msg = '<h3>Longitude:<br>';                               
 msg += position.coords.longitude + '</h3>';               
 msg += '<h3>Latitude:<br>';                               
 msg += position.coords.latitude + '</h3>';                
  elMap.innerHTML = msg;                                    
}

function fail(msg) {                                        
 elMap.textContent = msg;                                  
 console.log(msg.code);                                    
}


}

【问题讨论】：

标签： jquery html geolocation

【解决方案1】：

我明白了！我很接近，应该是

    //Global variables

var elMap = document.getElementById("para1");
var msg = 'Sorry, we were unable to get your location';

function success(position) {                                
  msg = '<h3>Longitude:<br>';                               
  msg += position.coords.longitude + '</h3>';               
  msg += '<h3>Latitude:<br>';                               
  msg += position.coords.latitude + '</h3>';                
  elMap.innerHTML = msg;                                    
}

function fail(msg) {                                        
  elMap.textContent = msg;                                  
  console.log(msg.code);                                    
}

//Event listeners





 function geoAPI() {

    if (Modernizr.geolocation) {                                
  navigator.geolocation.getCurrentPosition(success, fail);  
  elMap.textContent = 'Checking location...';               
}     else {                                                    
  elMap.textContent = msg;                                  
}

}

elMap.addEventListener('click', geoAPI);

【讨论】：