<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=18cfc0dbeaf7a8cead27ddaf88bac861"></script>
<script>
    $(function () {
        navigator.geolocation.getCurrentPosition(translatePoint); //定位  
    });

    translateCallback = function (data){
        if(data.status === 0) {
            //data.points[0]為座標物件，轉換為str彈出顯示測試
            var str = JSON.stringify(data.points[0]);
            //緯度為x
            var x = data.points[0]['lng'];
            //經度為y
            var y = data.points[0]['lat'];
            alert(x+','+y);
            //例項化地圖
            var map = new BMap.Map("l-map");
            //設定地圖中心點和縮放等級
            map.centerAndZoom(data.points[0], 11);
            //新建地圖示記，傳入座標物件
            var marker = new BMap.Marker(data.points[0]);
            //在地圖上新增標記
            map.addOverlay(marker);
            //設定地圖中心點
            map.setCenter(data.points[0]);

            //輸出經緯度  
            $('#point').val(x + "," + y);
            //
            //map.centerAndZoom(data.points[0], 11);
            //監聽地圖滑鼠點選事件
            map.addEventListener("click",function(e){
                //把座標新增到input裡面
                $('#point').val(e.point.lng + "," + e.point.lat);
            });
            //設定第一個座標
            var p1 = new BMap.Point(x,y);
            //獲取第二個座標的值
            var des = $('#pointval').val();
            //新建陣列
            var dess = new Array();
            //分隔陣列為 經度和緯度
            dess = des.split(',');
            //設定第二個座標
            var p2 = new BMap.Point(dess[0],dess[1]);
            //導航例項
            var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
            //在地圖上顯示座標1和2的路線
            driving.search(p1, p2);
        }
    }

    function translatePoint(position) {
        var y = position.coords.latitude; //經度
        var x = position.coords.longitude; //緯度

        var ggPoint = new BMap.Point(x,y);
        //轉換座標
        var convertor = new BMap.Convertor();
        var pointArr = [];
        pointArr.push(ggPoint);
        convertor.translate(pointArr, 1, 5, translateCallback)

    }
</script>
 

html：

<style type="text/css">
            body, html,#allmap {width: 100%;height: 300px;margin:0;font-family:"微軟雅黑";font-size:14px;}
            #l-map{height:300px;width:100%;}
        </style>
        <div id="l-map"></div>