百度lbs导航

来源:互联网 发布:知柏地黄丸能壮阳吗 编辑:程序博客网 时间:2024/05/20 17:39
<!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
原创粉丝点击