百度地圖 JSAPI使用 定位當前地址 與路徑規划

http://lbsyun.baidu.com/index.php?title=jspopular   api 

http://developer.baidu.com/map/jsdemo.htm#a1_2  實例地址 

樣式 div

   
   
   
           

    
    
    
            
<style>
    
    
    
            
 #allmap {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
    
    
    
            
 body{
    
    
    
            
 font-size: 12px;
    
    
    
            
 }
    
    
    
            
 </style>
   
   
   
           

js

   
   
   
           

    
    
    
            
<script type="text/javascript">
    
    
    
            
 // 百度地圖API功能
    
    
    
            
 var map = new BMap.Map("allmap"); // 創建Map實例
    
    
    
            
 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地圖,設置中心點坐標和地圖級別
    
    
    
            
 map.addControl(new BMap.NavigationControl());
    
    
    
            
 map.addControl(new BMap.ScaleControl());
    
    
    
            
 map.addControl(new BMap.OverviewMapControl());
    
    
    
            
 map.addControl(new BMap.MapTypeControl());
    
    
    
            
 map.setZoom(15);
    
    
    
            
 map.setCurrentCity("北京"); // 設置地圖顯示的城市 此項是必須設置的
    
    
    
            
 map.enableScrollWheelZoom(true); //開啟鼠標滾輪縮放
    
    
    
            

    
    
    
            
 var localp;
    
    
    
            
 var end = "<%=URLDecoder.decode(request.getParameter("haddr"),"utf-8")%>";
    
    
    
            

    
    
    
            
 var geolocation = new BMap.Geolocation();
    
    
    
            
 geolocation.getCurrentPosition(function(r){
    
    
    
            
 if(this.getStatus() == BMAP_STATUS_SUCCESS){
    
    
    
            
 var mk = new BMap.Marker(r.point);
    
    
    
            
 map.addOverlay(mk);
    
    
    
            
 map.panTo(r.point);
    
    
    
            
 localp = r.point;
    
    
    
            
 map.clearOverlays();
    
    
    
            
 search(localp,end,routePolicy[0]);
    
    
    
            
 }
    
    
    
            
 else {
    
    
    
            
 alert('定位失敗！請確認您的瀏覽器開啟了定位功能');
    
    
    
            
 }
    
    
    
            
 },{enableHighAccuracy: true})
    
    
    
            

    
    
    
            
 var routePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME,BMAP_DRIVING_POLICY_LEAST_DISTANCE,BMAP_DRIVING_POLICY_AVOID_HIGHWAYS];
    
    
    
            

    
    
    
            

    
    
    
            

    
    
    
            
 function search(start,end,route){
    
    
    
            
 var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true},policy: route});
    
    
    
            
 driving.search(start,end);
    
    
    
            
 }
    
    
    
            

    
    
    
            
</script>