技术思绪摘录旅行
利用百度地图api对数据排序,本文学习了百度api的使用,及其复习以下冒泡排序,完美

准备:引用百度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;
        }
    }
}
//使用数据的逻辑



CarsonIT 微信扫码关注公众号 策略、创意、技术

留下您的脚步

 

最近评论

查看更多>>

精选推荐

阅读排行

友情打赏

请打开您的微信,扫一扫