bing地图车辆轨迹回放代码

1导入js

2代码

//获得地图
function GetMap()
{
map = new VEMap('myMap');
map.LoadMap(LA, 11, VEMapStyle.Road, false, VEMapMode.Mode2D, true, 1);//初始化加载地图
var layer = new VEShapeLayer();
map.AddShapeLayer(layer);

var layer2 = new VEShapeLayer();
map.AddShapeLayer(layer2);

var layer3 = new VEShapeLayer();
map.AddShapeLayer(layer3);
}

//初始化地图和上先行红线
function oninit()
{
GetMap();//获得加载地图
redLine();//红线轨迹
}

function ShowStation(parms)
{
var layer = map.GetShapeLayerByIndex(2);

var t = new Array();
t = parms.split(';');

for(var i=0;i<t.length;i++)
{
var tt = new Array();
tt=t[i].split(',');
x = Number(tt[4])+vehlon;
y = Number(tt[5])+vehlat;
pinPoint=new VELatLong(y, x);
station = new VEShape(VEShapeType.Pushpin, pinPoint);
station.SetTitle("<div style='border:solid 1px Red;background-color:#DCB5FF'><h3>站点名称："+tt[2]+"</h3></div>");
station.SetDescription("<div style='font-size:12px;weight:100px;border:solid 1px Red;background-color:#DCB5FF'>线路："+tt[0]+"路<br>站点编号："+tt[1]+"<br>方向："+tt[3]+"</div>");
station.SetCustomIcon("<img src='WebCarSymbol\\station.png'/>");
layer.AddShape(station);
}
}

function offset(level)
{

switch(level)
{
case 0:
case 1:
case 2:
case 3:
case 4:
case 5:
case 6:
case 7:
case 8:
case 9:
case 10:
case 11:
vehlon = 0.005;
vehlat = -0.0026;
break;
case 12:
vehlon = 0.005;
vehlat = -0.0026;
break;
case 13:
vehlon = 0.005;
vehlat = -0.0026;
break;
case 14:
vehlon = 0.005;
vehlat = -0.0026;
break;
case 15:
vehlon = 0.005;
vehlat = -0.0026;
break;
case 16:
vehlon = 0.005;
vehlat = -0.0026;
break;
case 17:
vehlon = 0.005;
vehlat = -0.0026;
break;
}

}

//清除图层
function clearShapes(layerindex)
{
try
{
switch(layerindex)
{
case 1:
var layer = map.GetShapeLayerByIndex(1);
layer.DeleteAllShapes();
break;
case 99:
map.DeleteAllShapes();
break;
default:
map.DeleteAllShapes();
break;
}
}
catch(e)
{
}
}

}
}

//jQuery(function() {
// jQuery.fn.CloneTableHeader("showdata", "div1");
//});


//划红线上下行
function redLine(){
var line=$("#linesno").val();
$.post("tttt_wwww",{"ptb.o_LINENO":line},function(data){
if(data.length>0){
upstations=data[0];
downstations=data[1];
ShowLine(upstations,upstations.length-1,1);
ShowLine(downstations,downstations.length-1,1);
}else{
alert("没有画正常轨迹线数据!");
}
});
}

//

--------打印地图

@media print {
#btnprint {
display: none;
}
#myMap {
display: block;
}
}

var map = null;
var shape = null;
var pinCenter = null;
function PrintMap()
{
var printOpt = new VEPrintOptions(true);
map.SetPrintOptions(printOpt);
window.print();

}

bing地图车辆轨迹回放代码相关推荐

使用百度地图实现车辆轨迹回放
最近在做的项目有个车辆轨迹回放需求,查资料看到可以使用百度地图的路书功能实现,百度路书功能如下. 点击开始按钮,小车会在地图上移动还原历史轨迹. 具体需求就是通过调用后台接口获取到指定车辆的指定时间段 ...
高德地图3D轨迹回放 + 视野跟随功能
高德地图3D轨迹回放 + 视野跟随功能概述代码实现步骤完整代码 (需要添加一个2.0的key) 概述若有帮助到你,麻烦点一波关注,博主会持续推出Echarts,D3,地图,Three.js方面 ...
android 基于高德地图的轨迹回放
android 基于高德地图的轨迹回放前段时间公司项目有一个需求,就是需要看到设备上传之后的轨迹路线,并且可以实现回放的整个过程,功能包括路线回放.地图位置插点.回放之后的轨迹标记颜色.回放加速等功 ...
使用腾讯地图API完成车辆轨迹回放，同时能模拟真实的速度和方向
产品需求: 根据能够回放出来车辆的运行轨迹路线.运行方向和速度. 需求分析: 1.首先因为是Web网页端的功能,所以需要用到的是地图模块的API,可以选择百度地图或者腾讯地图. 2.由于需要位置信息, ...
车辆轨迹回放中如何实现轨迹信息表格的自动滚动？
TSINGSEE青犀视频目前正在研发基于车载视频监控的新功能,包括轨迹跟踪.轨迹回放等.轨迹跟踪适用于车载监控场景,基于车内的车载监控装置,可以实时记录车辆的位置.行驶轨迹等信息,并且在轨迹回放中,能 ...
js室内地图开发_如何使用JS来开发室内三维地图的轨迹回放功能
在制作完成室内三维地图的功能后,最经常有的需求就是如何做人员的轨迹回放,一般流程都是从数据库中查询轨迹坐标后,经过后台查询接口返回给前端,接下来的事情都交给JS来完成. 如果想做好一个性能好的轨迹回放 ...
小程序实现轨迹回放代码
小程序实现轨迹回放以下只是实现轨迹回放的步骤和部分的主要代码,其他数据类的我就跳过了,我是用小程序的translateMarker方法来实现轨迹回放. 创建 map 上下文 MapContext 对 ...
百度地图的轨迹回放和实时监控
最近写了两个页面,是跟百度地图有关的,本来以为是用的鹰眼的轨迹,才发现没那么麻烦,直接用的是百度地图自带的api. 1 轨迹回放 <template><div class=" ...
Vue项目引用高德地图实现车辆轨迹回放
一.引入高德地图jsApi 在项目入口index.html页面以cdn方式引入 <script src="https://webapi.amap.com/maps?v=1.4.15&a ...

bing地图车辆轨迹回放代码

bing地图车辆轨迹回放代码相关推荐

最新文章

热门文章