我的地理位置（javascript）无法正常运行，我也不知道为什么

Question

I am eventually trying reverse geolocation, however before doing that I want to make sure my geolocation works fine but no luck with my code.

what I am doing is that when user clicks button, my javascript shows latitude and longitude numbers if user agrees with it.

$(".button").click(function(){
  var elMap =document.getElementById("showWhere");
  var msg ='Sorry, we were unable to get your location';

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

    function success(position){
    msg = '<h3>Lng: <br>';
    msg += position.coords.longtitude + '</h3>';
    msg +='<h3>lat: <br>';
    msg+=position.coords.latitude + '</h3>';
    elMap.innerHTML = msg;
  }

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

I thought it is my click function problem and remove this part but it still does not work. What did I miss? Thank you for in advance :D

Answer 1

1) No need to use Modernizr.

if ('geolocation' in navigator)

2) It's getCurrentPosition

navigator.geolocation.getCurrentPosition(success, fail);

3) Make sure you spell longitude correctly.

DEMO