准备：引用百度api的js文件
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak="></script>
以下是处理逻辑，本文展示js的写法，其他写法相通的。
//构造数据
var arry = [];
var map = new BMap.Map();
var currnLng=111.45654555;//当前位置
var currnLat=30.56565455;
var currnPoint = new BMap.Point(currnLng, currnLat);
$(".navigation").each(function ()
{
var lng=$(this).attr("data-lng");
var Lat=$(this).attr("data-lat");
var obj = new Object();
obj.Id = $(this).attr("data-id");
obj.Name = $(this).attr("data-name");
obj.Addr = $(this).attr("data-address");
obj.Lng = lng;
obj.Lat = Lat;
var point = new BMap.Point(lng, Lat);
var _Distance=(map.getDistance(currnPoint, point)).toFixed(2);
obj.Distance = parseFloat(_Distance);
arry.push(obj);
});
//然后对Distance进行排序 从小到大
for (i = 0; i < arry.length - 1; i++) {
for (var j = 0; j < arry.length - 1 - i; j++) {
if (arry[j].Distance >arry[j + 1].Distance) {
var temp = arry[j];
arry[j] = arry[j + 1];
arry[j + 1] = temp;
}
}
}
//使用数据的逻辑
川公网安备 51010702003150号
留下您的脚步
最近评论