地图按照自己规定路线进行移动
生活随笔
收集整理的這篇文章主要介紹了
地图按照自己规定路线进行移动
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
//計(jì)算多點(diǎn)之間坐標(biāo)點(diǎn)
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;
}
//運(yùn)動(dòng)軌跡
var carMkList = []//不規(guī)劃直接運(yùn)動(dòng)
function peoPleRun(pts) {var myIcon = new BMap.Icon("圖片地址", new BMap.Size(32, 70), { //小車(chē)圖片//offset: new BMap.Size(0, -5), //相當(dāng)于CSS精靈imageOffset: new BMap.Size(0, 0) //圖片的偏移量。為了是圖片底部中心對(duì)準(zhǔn)坐標(biāo)點(diǎn)。});window.run = function () {var paths = pts.length; //獲得有幾個(gè)點(diǎn)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位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證,附贈(zèng)技術(shù)全景圖
總結(jié)
以上是生活随笔為你收集整理的地图按照自己规定路线进行移动的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 关于input的change事件触发多次
- 下一篇: 明明两次返回的组件中的props不一致,