地图按照自己规定路线进行移动
生活随笔
收集整理的這篇文章主要介紹了
地图按照自己规定路线进行移动
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//計算多點之間坐標點
function count(date) {var pts = [];var datelist = [];for (j = 1; j < date.length; j++) {var x1 = date[j].lng;var y1 = date[j].lat;var x2 = date[j - 1].lng;var y2 = date[j - 1].lat;var pt1 = new BMap.Point(x1, y1);var pt2 = new BMap.Point(x2, y2);datelist.push(pt1);datelist.push(pt2);var polyline = new BMap.Polyline(datelist);var chang = BMapLib.GeoUtils.getPolylineDistance(polyline);for (var i = 0; i < chang; i += 30) {var x3 = i / chang * (x1 - x2) + x2;var y3 = i / chang * (y1 - y2) + y2;var point = new BMap.Point(x3, y3);pts.push(point);}}clearCarMk();peoPleRun(pts)return pts;
}
//運動軌跡
var carMkList = []//不規劃直接運動
function peoPleRun(pts) {var myIcon = new BMap.Icon("圖片地址", new BMap.Size(32, 70), { //小車圖片//offset: new BMap.Size(0, -5), //相當于CSS精靈imageOffset: new BMap.Size(0, 0) //圖片的偏移量。為了是圖片底部中心對準坐標點。});window.run = function () {var paths = pts.length; //獲得有幾個點var carMk = new BMap.Marker(pts[1], {icon: myIcon});map.addOverlay(carMk);carMkList.push(carMk);i = 0;function resetMkPoint(i) {carMk.setPosition(pts[i]);if (i < paths) {setTimeout(function () {i++;resetMkPoint(i);}, 100);}}setTimeout(function () {resetMkPoint(1);}, 100)}//setTimeout(function(){run();//},1500);}
與50位技術專家面對面20年技術見證,附贈技術全景圖
總結
以上是生活随笔為你收集整理的地图按照自己规定路线进行移动的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于input的change事件触发多次
- 下一篇: 明明两次返回的组件中的props不一致,