百度lbs导航

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>

<body style="width:640px;">

     //呈现的div

    <div id="mapContainer" style="width: 100%; border: 1px solid gray;"></div>

    //引用百度api和jquery

    //具体坐标自己在百度api中查找http://api.map.baidu.com/lbsapi/getpoint/index.html

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
    <script src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var width = $(window).width();
            var heigth = $(window).height();
            $("#mapContainer").css("height", heigth);
        })
        var origin = "0,0";

        var origin_region = "";

        var point = new BMap.Point(119.391, 29.071);//要定位的坐标点

        var map = new BMap.Map("mapContainer");
        map.enableScrollWheelZoom();
        map.centerAndZoom(point, 15);
        var marker = new BMap.Marker(point);

        map.addOverlay(marker);


        var gectrl = new BMap.GeolocationControl({
            anchor: BMAP_ANCHOR_TOP_LEFT,
            enableAutoLocation: true
        });
        map.addControl(gectrl); //添加定位控件 

        var myCity = new BMap.LocalCity();
        myCity.get(function (result) { origin_region = result.name; });
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function (r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                origin = r.point.lng + "," + r.point.lat;
                var p1 = new BMap.Point(r.point.lng, r.point.lat);
                var p2 = new BMap.Point(119.391, 29.071);//要定位的坐标点//119.391159, 29.071722
                var driving = new BMap.DrivingRoute(map, { renderOptions: { map: map, autoViewport: true } });
                driving.search(p1, p2);
            }
        })
    </script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值