<link rel="stylesheet" href="__STATIC__/group/list.css">

<div class="MainContainer ShowContentType">

  <div class="ShowTypes"> <a href="#" class="ck">离我最近的</a> <a href="#" style="font-size:12px;width: 60%;text-align: left;" class="address" onclick='reload_map()'>...</a> </div>

   <div class="ListBox showlist"> </div>

  <div class="ListBox"></div>

  <div class="ListBox"></div>

  <div class="ShowMores" onclick="showmorelist()">查看更多...</div>

</div>

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&;ak=MGdbmO6pP5Eg1hiPhpYB0IVd"></script> 

<script type="text/javascript" src="https://developer.baidu.com/map/jsdemo/demo/convertor.js";></script> 

<script type="text/javascript" src="__STATIC__/js/map-gps.js"></script> 

<script type="text/javascript">

//滚动显示更多

var scroll_get = true; //做个标志,不要反反复复的加载

$(document).ready(function () {

$(window).scroll(function () {

if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {

scroll_get = false;

layer.msg('内容加截中,请稍候',{time:1500});

showmorelist();

}

});

});

function showmorelist(){

showMapPosition(map_x,map_y)

}

var page = 1;

var j = 0;

//根据当前坐标位置去数据库按位置远近排序读取

function showMapPosition(longitude,latitude){

$.get("{:purl('coupon/stored/near', ['fid'=>$vo['id']],'index')}?rows=5&fid={$fid}&point=" + longitude + ',' + latitude + "&page=" + page + '&' + Math.random(),function(res){

var d ='';

   if(res.code==0){

   if(res.data.length==0){    

   layer.msg("已经显示完了！",{time:500});

$('.ShowMores').off("click");

$('.ShowMores').html('显示完了');

$('.ShowMores').css({'background':'#eee'});

   }else{

page++;

   res.data.forEach(function(rs){

   j++;

d += '<div class="list">'+

'<ul>'+

'<li class="img"><a href="'+rs.url+'"><img src="'+rs.picurl+'" onerror="this.src=\'__STATIC__/images/nopic.png\'"><span class="num'+j+'">'+j+'</span></a></li>'+

'<li class="info">'+

'<div class="title"><a href="'+rs.url+'">'+rs.title+'</a></div>'+

'<div class="cnt">'+ rs.address + '</div>'+

                        '<div class="cnt">售价:<span class="price">' + rs.price + '</span>元 <span class="market_price julimi" data-map="'+rs.map+'">距离 0 米</span></div>'+

'</li>'+

'</ul>'+

'</div>';

   });    

   $(".showlist").append(d);

   show_distance(longitude,latitude);

   layer.closeAll();

   scroll_get = true;

   }   

   }

});

//显示当前位置的街道名

var gpsPoint = new BMap.Point(longitude, latitude);

BMap.Convertor.translate(gpsPoint, 0, function(point){

//alert('x:'+point.lng+' y:'+point.lat);

var geoc = new BMap.Geocoder();

geoc.getLocation(point, function(rs){

var addComp = rs.addressComponents;

$('.ShowTypes .address').html('定位:'+addComp.district + addComp.street + addComp.streetNumber);

});

});

}

var map_x = 0;

var map_y = 0;

//获取当前坐标位置

function reload_map(){

page = 1;

$(".showlist").html('');

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(result){

if(this.getStatus() == window.BMAP_STATUS_SUCCESS){

  map_x = result.point.lng;

  map_y = result.point.lat;

  showMapPosition(map_x,map_y);

} else {

alert('failed:'+this.getStatus());

}        

},{enableHighAccuracy: true})

}

reload_map();

//计算距离当前位置的公里数

function show_distance(map_lat,map_lon){

$('.showlist .list').each(function(){

var this_map=$(this).find('.julimi').data('map');

var thismap=this_map.split(",");

var this_lon = thismap[0];

var this_lat = thismap[1];

var show_map_str = GPS.distance(map_lat,map_lon,this_lon,this_lat);

var kilometres = Math.floor(show_map_str/1000);  

var metres=Math.floor(show_map_str%1000);

var show_word='距离';

if(kilometres>0){

show_word+='<font style="color:#11d31d;">'+kilometres+'</font>公里';

}

show_word += isNaN(metres)?'未知':'<font style="color:#11d31d;">'+metres+'</font>米';

$(this).find('.julimi').html(show_word);

});

}

</script>