百度地图js轨迹展示

<script type="text/javascript"
    src="http://api.map.baidu.com/api?v=3.0&ak=xxx自己申请的百度地图token"></script>  

 var dian = list[(carLength) / 2];
                        dian = dian.toString();
                        arr = dian.split(',');
                        var x = arr[0];
                        var y = arr[1];
                        // 百度地图API功能
                        var map = new BMap.Map("allmap"); // 创建Map实例
                        map.centerAndZoom(new BMap.Point(x, y), 15); // 初始化地图,设置中心点坐标和地图级别
                        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
                        map.setMapStyleV2({
                            styleJson : styleJson
                        });
                        setTimeout(drawIcon, 500);
                        var carMk;
                        var myBeginIcon = new BMap.Icon(
                                "自己的图片URL",
                                new BMap.Size(30, 37), {
                                    imageOffset : new BMap.Size(0, 0)
                                });//人
                        var myEndIcon = new BMap.Icon("$自己的图片URL",
                                new BMap.Size(30, 37), {
                                    imageOffset : new BMap.Size(0, 0)
                                });//人

                        //显示原始路线
                        function drawGreenLine(j, color, weitht) {
                            var polyline = new BMap.Polyline([
                                    new BMap.Point(list[j][0], list[j][1]),//起始点的经纬度
                                    new BMap.Point(list[j + 1][0],
                                            list[j + 1][1]), //终点的经纬度
                            ], {
                                strokeColor : color,//设置颜色
                                strokeWeight : weitht, //宽度
                                strokeOpacity : 1
                            });//透明度
                            map.addOverlay(polyline);
                        }
                        function drawIcon() {
                            if (carMk) {
                                map.removeOverlay(carMk);
                            }
                            carMk2 = new BMap.Marker(new BMap.Point(list[0][0],
                                    list[0][1]),//起始点的经纬度
                            {
                                icon : myBeginIcon
                            });
                            map.addOverlay(carMk2);

                            carMk = new BMap.Marker(new BMap.Point(
                                    list[i - 1][0], list[i - 1][1]), //终点的经纬度
                            {
                                icon : myEndIcon
                            });
                            map.addOverlay(carMk);

                            for (var j = 0; j < list.length - 1; j++) {

                                drawGreenLine(j, "red", 4);
                            }
                        }
                    }
                });
    });

    //获取路线
    /* function drawGreenAddress(i, color, weitht) {

        if (i % 2 == 0) { //不能太频繁请求百度地址,这里可能会改大
            var geoc = new BMap.Geocoder();
            geoc.getLocation(new BMap.Point(list[i].Long, list[i].Lat),
                    function(rs) {
                        var addComp = rs.addressComponents;
                        address = addComp.province + addComp.city
                                + addComp.district + addComp.street
                                + addComp.streetNumber;
                        $("#allmap_value").val(address)
                    });
        }
    }
     */
    function lineAddress(i, color, weitht) {
        drawGreenLine(i, color, weitht)
        drawGreenAddress(i, color, weitht)
    }

    //运行地图轨迹
    /* function play() {
        if (index < listLast) {
            //lineAddress(index, "red", 2);
            //显示地址
            //show_mycat($("#allmap_value").val(), list[index + 1].Long,
            //        list[index + 1].Lat);
            //1
            //timer = window.setTimeout("play(" + index + ",'red',2)", 500);
            index++;

        }

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值