1. java scripts代碼
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<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">
#allmap {width: 100%;height:40%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
body, html {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
html {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=要替換爲你自己申請的祕鑰"></script>
<title>起點和終點之間的GPS軌跡運動</title>
</head>
<body>
<div id="allmap"></div>
<!-- <div id = "content"></div>-->
</body>
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap"); //創建Map實例
//初始化 調用centerAndZoom方法對地圖初始化
// Point(116.404, 39.915) 以指定的經度和緯度創建一個地理點座標
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15); //座標點 第二個級別參數必須有
var myP1 = new BMap.Point(116.380967,39.913285); //起點
var myP2 = new BMap.Point(116.424374,39.914668); //終點
var driving = new BMap.DrivingRoute(map, {onSearchComplete:function(results){
if(driving.getStatus()== BMAP_STATUS_SUCCESS){
var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通過駕車實例,獲得一系列點的數組
var paths = pts.length; //獲得有幾個點
console.log("點的個數爲:");
console.log("paths=%d",paths);
for(var i=0;i<paths;i++){
console.log(pts[i].lng+" "+pts[i].lat);
//document.write (pts[i].lng+" "+pts[i].lat);
}}
}},{renderOptions:{map:map,autoViewport:true}}); //駕車實例
driving.search(myP1, myP2); //顯示一條公交線路
</script>
</html>
注意,上面要去百度地圖申請自己的AK.
地址: http://lbsyun.baidu.com/apiconsole/key , 應用類型 選擇 “瀏覽器端”即可。界面如下
另外,座標和位置互查可以看:http://api.map.baidu.com/lbsapi/getpoint/index.html