BIGEMAP卫星地图_高清卫星地图_北斗高清地图_地图软件_矢量地图数据_专题地图

軌跡回放示例

編輯時間：2017-07-03

軌跡回放完整html+js代碼示例：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<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 {width: 100%;height: 100%;margin:0;font-family:"微軟雅黑";}
        #allmap{width:100%;height:100%}
</style>
<script type="text/javascript" src="js/apiv.2.0.js"></script>

<script type="text/javascript" src="js/LuShu_min.js"></script>
<title>行車路線</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
        // 百度地圖API功能
     var map = new BMap.Map("allmap", {enableMapClick:false});
        map.centerAndZoom(new BMap.Point(116.004303, 29.736834), 15);
        map.enableScrollWheelZoom();                  // 啟用滾輪放大縮小。
     map.enableKeyboard();                         // 啟用鍵盤操作。
     map.enableContinuousZoom();                 //啟用連續縮放效果
     run();
        function run() {
        //單迎線路軌跡
     arrPois = [
         new BMap.Point(115.995359, 29.729956),
         new BMap.Point(115.995116, 29.731101),
         new BMap.Point(115.993688, 29.731069),
         new BMap.Point(115.993104, 29.731054),
         new BMap.Point(115.992907, 29.731626),
         new BMap.Point(115.993455, 29.73194),
         new BMap.Point(115.994299, 29.732481),
         new BMap.Point(115.995188, 29.733218),
         new BMap.Point(115.996167, 29.733806)
        ];
        map.addOverlay(new BMap.Polyline(arrPois, { strokeColor: "blue", strokeWeight: 6, strokeOpacity: 0.5 }));
        map.setViewport(arrPois);

        var marker = new BMap.Marker(new BMap.Point(115.995359, 29.729956));
        var iconc = new BMap.Icon("images/start.png", new BMap.Size(40, 34));
        marker.setIcon(iconc);
        map.addOverlay(marker); //將標記添加到地圖中
        marker = new BMap.Marker(new BMap.Point(115.996167, 29.733806));
        iconc = new BMap.Icon("images/dest.png", new BMap.Size(40, 34));
        marker.setIcon(iconc);
        map.addOverlay(marker); //將標記添加到地圖中

        blueCar = new BMapLib.LuShu(map, arrPois, {
        defaultContent: "", //"從潯陽路到濱江路"
        autoView: true, //是否開啟自動視野調整，如果開啟那么路書在運動過程中會根據視野自動調整
        icon: new BMap.Icon('images/bcar.png', new BMap.Size(48, 32), { anchor: new BMap.Size(15, 15) }),
        speed: 50,
        landmarkPois: [],
        enableRotation: true //是否設置marker隨著道路的走向進行旋轉
        });
        blueCar.start();

        }

</script>

谷歌離線地圖

產品與服務

行業解決方案

數據展示方案

新聞資訊

支持與幫助

郵箱：1810053410@qq.com

電話：028-65472965/400-028-7262

地址：成都市高新區環球中心E5 8樓 3-2-802/804

BIGEMAP GIS Office是一款GIS領域國產自主化基礎軟件，提供了上百種數據格式的處理與轉換，支持多投影方式互轉；將GIS技術應用到各行業的數據編輯、處理、GIS制圖出圖、GIS項目工程、數據服務等。支持的數據格式：shp shpfile kml kmz cad dwg dxf gpx txt csv excel mbtiles osgb 3Dtiles jpg png tiff geotiff web json 柵格地圖、矢量地圖、衛星圖像、航拍影像、地形圖、等高線、道路圖層、矢量數據等等相關數據集；提供了CGCS2000、WGS84、Xi'an80、Beijing54等投影相互轉化；數據集的服務發布一鍵完成并提供離線地圖二次開發的接口。

在線客服(直接聊)

微信掃碼添加客服

400-028-7262