軌跡回放示例
                編輯時(shí)間:2017-07-03

                qq.jpg

                軌跡回放完整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>
                <!--
                引入路書JS文件 -->
                <
                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();                 //啟用連續(xù)縮放效果
                    
                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); //將標(biāo)記添加到地圖中
                       
                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); //將標(biāo)記添加到地圖中

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

                       
                }

                </script>


                微信掃碼添加客服
                400-028-7262
                聯(lián)系我們
                主站蜘蛛池模板: 免费一级毛片在级播放| 国产精品综合一区二区三区| 久爱免费观看在线网站| 用电动玩具玩自己小视频| 国产亚洲欧美日韩在线观看一区二区 | 国产一区二区不卡| 香蕉视频污网站| 嫦娥被爆漫画羞羞漫画| 久久综合图区亚洲综合图区| 深夜福利gif动态图158期| 国产99久9在线视频| 人妖在线精品一区二区三区| 天天操天天摸天天干| 久久免费区一区二区三波多野| 欧美精品手机在线| 动漫美女被到爽了流漫画| 麻豆色哟哟网站| 国产精品综合色区在线观看| 一区二区三区中文| 日本特级淫片免费| 亚洲国产精品一区二区九九 | 国产麻豆精品手机在线观看| 中文字幕在线播放| 最近的中文字幕视频完整| 亚洲精品福利网站| 老头一天弄了校花4次| 国产毛片一级国语版| 9久久免费国产精品特黄| 天天操天天干天天透| 成人网站在线进入爽爽爽| 亚洲AV无码有乱码在线观看| 激情内射日本一区二区三区| 国产乱xxxxx97国语对白| 伊人影院中文字幕| 女仆的胸好大揉出奶水| 久久久久久国产精品无码下载| 欧美性极品hd高清视频| 免费A级毛片无码视频| 老熟妇仑乱视频一区二区| 国产手机精品一区二区| AV无码精品一区二区三区宅噜噜 |