0

場所のリストを取得し、ユーザーの場所に従ってリスト項目を並べ替えるこの JavaScript コードがあります。リスト全体を並べ替えるのではなく、1KM 付近の場所のみを表示するようにコードを変更するにはどうすればよいですか。

    <script type="text/javascript">
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});
</script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script>
function findMe() {
if (navigator.geolocation != undefined) {
navigator.geolocation.watchPosition(onFound, onError);
}
}
function onFound(pos) {
var userLat = pos.coords.latitude;
var userLong = pos.coords.longitude;
$('ol li').each(function (index) {
var locationLat = $(this).find('.lat').html();
var locationLong = $(this).find('.long').html();
var distance = getDistance(userLat, locationLat, userLong, locationLong);
$(this).data("distance", distance);
})

reOrder();
}

function onError(pos) {
alert("Something Went wrong");
}

function reOrder() {
$('ol li').sort(sortAlpha).appendTo('ol');
}

function sortAlpha(a, b) {
return $(a).data('distance') > $(b).data('distance') ? 1 : -1;
};

function getDistance(lat1, lat2, lon1, lon2) {
var R = 6371; // km
var d = Math.acos(Math.sin(lat1) * Math.sin(lat2) +
Math.cos(lat1) * Math.cos(lat2) *
Math.cos(lon2 - lon1)) * R;
return d;

}; 
</script>

<style>
ol .long, ol .lat
{
display: none;
}
</style>
4

1 に答える 1

0

次のように書くことができます。

function filterList(){
   $('ol li').each(function(){
      if($(this).data('distance') > 1){
        $(this).remove();
      }
   });
}

上記のソリューションの代わりに、次のことができますか?

function onFound(pos) {
   var userLat = pos.coords.latitude;
   var userLong = pos.coords.longitude;
   $('ol li').each(function (index) {
      var locationLat = $(this).find('.lat').html();
      var locationLong = $(this).find('.long').html();
      var distance = getDistance(userLat, locationLat, userLong, locationLong);
      if(Math.ceil(distance)>1){
         $(this).remove();
      }
      else{
         $(this).data("distance", distance);
      }
  });
 reOrder();
}

filterList 関数を削除できます。私はそれがあなたのために今うまくいくことを願っています.

于 2012-06-13T10:55:21.813 に答える