百度地圖路書(移動軌跡)功能

如今的互聯網+，智能電子產品，特別的車載智能系統，大部分會在手機端有一個功能，就是產品的移動軌跡，這種功能怎麼實現呢？用百度地圖的路書功能能夠完美的實現這個功能

下面是路書功能的主要代碼：

1：在頁面引入百度地圖以及路書的JS

<script src="http://api.map.baidu.com/api?v=2.0&ak=LaG1rsYzCI7DMj0joho6hTtD"></script>
<script type="text/javascript" src="../js/Lushu.js"></script>

  上面的Lushu.js 必須是從 http://api.map.baidu.com/library/LuShu/1.2/src/LuShu_min.js 下載到你本地，若是你不須要     下面的一個特定的功能，是不須要的。由於須要改源碼！

2：構建軌跡

var polyline = new BMap.Polyline(allPoint, {
    strokeColor : "blue",
    strokeWeight : 3,
    strokeOpacity : 0.7
});
map.addOverlay(polyline);

  allPoint 則是你全部的軌跡座標點。

3：製做路書

lushu = new BMapLib.LuShu(map, allPoint, {
    defaultContent : "",
    autoView : true, //是否開啓自動視野調整，若是開啓那麼路書在運動過程當中會根據視野自動調整
    icon : new BMap.Icon('/' + PROJECT_NAME + '/images/car.png',new BMap.Size(52, 26), {
	anchor : new BMap.Size(27, 13)
    }),
    enableRotation : true, //是否設置marker隨着道路的走向進行旋轉
    speed : speed,
    landmarkPois : []
});
lushu.start();

   這樣就是一個路書基本功能了，是否是很簡單，下面是作一個我我的認爲不太須要的改動，就是路書中的車輛在移動時，能    夠一直處於窗口的最中間。

   這須要在 Lushu.js 中改一句代碼

   在Lushu.js 的 285行 後面加入一句  i._map.setCenter(q)  的代碼就能夠了。