<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
|
<%Session.CodePage=65001%>
|
<!--#include virtual="/inc/odbc.asp"-->
|
<!--#include file="JsonPost.gds"-->
|
|
<%
|
CarID = trim(request("CarID"))
|
DispatchOrdID = trim(request("DispatchOrdID"))
|
If CarID="" Then Response.Redirect "/"
|
Set rs = Server.CreateObject("ADODB.Recordset")
|
sql="select CarLicense,GPS_IMEI from CarData where CarID="&CarID
|
rs.open Sql,objConn,1,1
|
If not rs.Eof Then
|
CarLicense = rs("CarLicense")
|
imeis = rs("GPS_IMEI")
|
End If
|
rs.close()
|
|
'实时坐标
|
appUrl="http://api.gpsoo.net/1/devices/tracking"
|
args1="access_token="&access_token
|
args1=args1&"&imeis="&imeis&"&map_type=BAIDU&time="&ToUnixTime(now(),0)
|
HTMLCODE= GetBody(appUrl,args1)
|
'Response.Write args1&"<br><br>"
|
'HTMLCODE= PostBody(appUrl,args1)
|
'Response.Write HTMLCODE &"<br>"
|
json = HTMLCODE
|
%>
|
<script language="JScript" runat="Server">
|
function toObject(json) {
|
eval("var o=" + json);
|
return o;
|
}
|
function toArray(s){
|
var dic = Server.CreateObject("Scripting.Dictionary")
|
eval("var a=" + json);
|
for(var i=0;i<a.length;i++){
|
var obj = Server.CreateObject("Scripting.Dictionary")
|
for(x in a[i]) obj.Add(x,a[i][x])
|
dic.Add(i, obj);
|
}
|
return dic
|
}
|
</script>
|
|
<script language="jscript" runat="server">
|
Array.prototype.get = function(i)
|
{
|
return this[i];
|
};
|
function getjson(str){
|
try{
|
eval("var jsonStr = (" + str + ")");
|
}catch(ex){
|
var jsonStr = null;
|
}
|
return jsonStr;
|
}
|
</script>
|
<%
|
str=json
|
str=right(str,len(str)-instr(str,"[")+1)
|
str=left(str,InstrRev(str,"]"))
|
dim obj
|
set obj = getjson(str)
|
str0=""
|
NEW_lng = obj.get(0).lng '经度
|
NEW_lat = obj.get(0).lat '纬度
|
data_course = obj.get(0).course '航向
|
data_speed = obj.get(0).speed '速度
|
%>
|
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
<meta http-equiv="refresh" content="10">
|
<style type="text/css">
|
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
|
#golist {display: none;}
|
@media (max-device-width: 780px){#golist{display: block !important;}}
|
</style>
|
<script type="text/javascript" src="http://api.map.baidu.com/api?ak=TE9OTtYm29ALeP84zCsaGNCFxsBoCaj2&v=2.0"></script>
|
<title><%=CarLicense%>实时位置</title>
|
</head>
|
<body>
|
<div id="allmap"></div>
|
</body>
|
</html>
|
<script type="text/javascript">
|
// 百度地图API功能
|
var map = new BMap.Map("allmap"); // 创建Map实例
|
map.centerAndZoom(new BMap.Point(<%=NEW_lng%>, <%=NEW_lat%>), 16); // 初始化地图,设置中心点坐标和地图级别
|
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
var sy = new BMap.Symbol(BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW, {
|
scale: 0.6,//图标缩放大小
|
strokeColor:'#fff',//设置矢量图标的线填充颜色
|
strokeWeight: '2',//设置线宽
|
});
|
var icons = new BMap.IconSequence(sy, '10', '30');
|
// 创建polyline对象
|
var pois = [
|
<%
|
BMapPoint=""
|
sql="select * from (select top 100 lng,lat,DataTime from dbo.CarGPS where imei='"&imeis&"' and DataTime>='2019-1-1 0:00:00' ORDER BY DataTime desc) as aa order by DataTime"
|
rs.open Sql,objConn,1,1
|
do while not rs.Eof
|
lng = rs("lng")
|
lat = rs("lat")
|
BMapPoint=BMapPoint&"new BMap.Point("&lng&","&lat&"),"
|
rs.movenext
|
loop
|
rs.close()
|
Response.Write BMapPoint
|
Response.Write "new BMap.Point("&NEW_lng&","&NEW_lat&")"
|
%>
|
];
|
var polyline =new BMap.Polyline(pois, {
|
enableEditing: false,//是否启用线编辑，默认为false
|
enableClicking: true,//是否响应点击事件，默认为true
|
icons:[icons],
|
strokeWeight:'8',//折线的宽度，以像素为单位
|
strokeOpacity: 0.8,//折线的透明度，取值范围0 - 1
|
strokeColor:"#7e4c81" //折线颜色
|
});
|
|
map.addOverlay(polyline); //增加折线
|
|
//创建车辆图标
|
var pt = new BMap.Point(<%=NEW_lng%>,<%=NEW_lat%>);
|
var myIcon = new BMap.Icon("/resources/images/2016090802.png", new BMap.Size(20,20));
|
var marker2 = new BMap.Marker(pt,{icon:myIcon}); // 创建标注
|
map.addOverlay(marker2); // 将标注添加到地图中
|
</script>
|
