Geolocation watchPosition. Как получить одно событие при достижении местоположения?

Question

Я работаю над WebApp для мобильных пользователей, которые доходят до предопределенного местоположения и поначалу могут видеть <div> (текст, изображение или что-то еще). Итак, у меня есть предопределенное местоположение и текущее местоположение пользователя. Если оба места равны, я что-то покажу. Как я могу это сделать? Этот код не работает:

var id, ziel, options; 
//Verfolgen beginnen 
id = navigator.geolocation.watchCurrentPosition(verfolgePosition); 

function verfolgePosition(pos) { 
    var aktuell = pos.coords; 

    if (ziel.latitude === aktuell.latitude && ziel.longitude === aktuell.longitude) { 
    console.log('Sie haben Ihr Ziel erreicht'); 
    //Verfolgen beenden 
    navigator.geolocation.clearWatch(id); 
    } 
} 

ziel = { 
    latitude : 0, 
    longitude: 0 
}; 

options = { 
    enableHighAccuracy: false, 
    timeout: 5000, 
    maximumAge: 0 
}; 

, кстати, цель может быть:

ziel = { 
    latitude : 52.514971, 
    longitude: 13.369172 
}; 

Answer 1

Я просто играл немного с моим кодом и активировал проект. Теперь проблема заключается в заявлении if. Я сравниваю оба значения, широту и долготу, но в результате они не равны. Что не так?

<script> 
    (function() { 

     if(!!navigator.geolocation) { 

      var map, 
       ziel, 
       options; 

      var mapOptions = { 
       zoom: 15, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 

      ziel = { 
      latitude : 52.2741, 
      longitude: 8.0317 
      }; 

      options = { 
      enableHighAccuracy: true, 
      timeout: 5000, 
      maximumAge: 0 
      }; 

      map = new google.maps.Map(document.getElementById('google_canvas'), mapOptions); 

      navigator.geolocation.watchPosition(function(position) { 

       var geolocate = new google.maps.LatLng(position.coords.latitude.toFixed(4), position.coords.longitude.toFixed(4)); 
       var ziel = new google.maps.LatLng(52.2741, 8.0317); 

       if (ziel.latitude == position.coords.latitude.toFixed(4) && ziel.longitude == position.coords.longitude.toFixed(4)) { 

       alert("I managed it"); 
       //Verfolgen beenden 
       //navigator.geolocation.clearWatch(id); 
       } 
       else { 

       alert("Fail !!! meine Position "+ geolocate +" Zielposition "+ ziel +""); 

       } 


       var infowindow = new google.maps.InfoWindow({ 
        map: map, 
        position: geolocate, 
        content: 
         '<h1>Location pinned from HTML5 Geolocation!</h1>' + 
         '<h2>Latitude: ' + position.coords.latitude.toFixed(4) + '</h2>' + 
         '<h2>Longitude: ' + position.coords.longitude.toFixed(4) + '</h2>' 
       }); 

       map.setCenter(geolocate); 

      }); 

     } else { 
      document.getElementById('google_canvas').innerHTML = 'No Geolocation Support.'; 
     } 

    })();