1. 程式人生 > >百度地圖-根據起終點經緯度駕車導航

百度地圖-根據起終點經緯度駕車導航

百度地圖API地址:http://developer.baidu.com/map/jsdemo.htm#i5_2

例項HTML如下:

    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <style type="text/css">  
    body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}  
    </style>  
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的金鑰"></script>  
    <title>根據起終點經緯度駕車導航</title>  
    </head>  
    <body>  
    <div id="allmap"></div>  
    </body>  
    </html>  
    <script type="text/javascript">  
      
    // 百度地圖API功能  
    var map = new BMap.Map("allmap");  
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  
      
    var p1 = new BMap.Point(116.301934,39.977552);  
    var p2 = new BMap.Point(116.508328,39.919141);  
      
    var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});  
    driving.search(p1, p2);  
    </script>