如何通过地理定位找到位置？

Question

我正在尝试使用地理定位来查找我的计算机的位置，但我很难弄清楚。我希望它连接到一个事件侦听器，当段落被单击时，它就会运行。

这是我的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);                                    
}


}

Answer 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);