tcyd.js
7.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
var closes = true;
function ktrnty(name,d,cn,positiona){
zhixng = true;
var n = 10;
console.log("获取经度的"+positiona[0]+" 获取纬度的 "+positiona[1]);
setseconds(n,positiona[0],positiona[1]);
console.log("位置信息 "+positiona);
var str = '<div class="hhshade"></div><div class="hhcontent"> <div class="hhbody" onclick="dqgaode('+positiona+')"> <div class="hhtctitile row"> <div class="col-xs-4"></div> <div class="col-xs-4">停车诱导</div> <div class="col-xs-4">'
+'<span class="tipseconds"><span style="color: #f00;">10s</span>后自动进入导航</span> </div> </div> <div class="hhbcontent row"> <div class="col-xs-12">'
+'<div>'+name+'</div>'
+'</div> <div class="col-xs-4"> <img src="imgs/a23.png" /> </div> <div class="col-xs-4"> <img src="imgs/a1x.png" />'
+'<div style="padding-top: 8px;">距您'+d+'km</div>'
+'</div> <div class="col-xs-4">'
+'<div class="rentstatusnum">'+cn+'</div><span style="display: inline-block;padding-top: 8px;">空位</span>'
+'</div> </div> <div class="hhbottom row"> <div class="col-xs-4"> <img src="imgs/a4x.png" /> <div>最优路线</div> <div>自动选最优</div> </div> <div class="col-xs-4"> <img src="imgs/a5x.png" /> <div>最优路线</div> <div>驾车更安全</div> </div> <div class="col-xs-4"> <img src="imgs/a6.png" /> <div>最优路线</div> <div>指引好停车</div> </div> </div>'
+' </div><span class="closeline"></span>'
+'<span class="closeicon icon iconfont" onclick="closetcyd()"></span> </div>';
$('body').append(str);
setTimeout(function(){
$('.hhshade').css('display','block');
var h = ($('.hhcontent').outerHeight())/2;
$('.hhcontent').animate({top:'50%',marginTop:'-'+h+'px'},150,'swing');
},100);
}
function ktrntw(n1,d1,s1,positiona,n2,d2,s2,positionb){
closes = false;
zhixng = true;
var n = 10;
setseconds(n,positionb[0],positionb[1]);
var str = '<div class="hhshade" onclick="dqgaode('+positiona+')"></div><div class="hhcontent"> <div class="hhbody"> <div class="hhtctitile row"> <div class="col-xs-4"></div>'
+'<div class="col-xs-4">停车诱导</div><div class="col-xs-4">'
+'<span class="tipseconds"><span style="color: #f00;">10s</span>后自动进入导航</span>'
+'</div> </div> <div class="hhbcontent tuijian row" onclick="dqgaode('+positiona+')"> <div class="col-xs-12"> <div>目的车场</div> </div> <div class="col-xs-2"> <img src="imgs/aax.png" /> </div>'
+'<div class="col-xs-6">'
+'<div>'+n1+'</div>'
+'<div style="padding-top: 8px;">'
+'<i class="icon iconfont"></i>'
+'距您'+d1+'km'
+'</div></div><div class="col-xs-4">'
+'<div class="rentstatusnum" style="color: #f5a623;">'+s1+'</div><span style="display: inline-block;padding-top: 2px;">空位</span>'
+'</div> </div> <div class="hhbcontent tuijian row" style="margin-top: 10px !important;" onclick="dqgaode('+positionb+')">'
+'<div class="col-xs-12"> <div>推荐车场</div> </div> <div class="col-xs-2"> <img src="imgs/aax.png" /> </div>'
+'<div class="col-xs-6">'
+'<div>'+n2+'</div>'
+'<div style="padding-top: 8px;"> <i class="icon iconfont"></i>'
+'距您'+d2+'km'
+'</div> </div> <div class="col-xs-4">'
+'<div class="rentstatusnum">'+s2+'</div><span style="display: inline-block;padding-top: 2px;">空位</span>'
+'</div> </div> <div class="hhbottom row"> <div class="col-xs-4"> <img src="imgs/a4x.png" /> <div>最优路线</div> <div>自动选最优</div> </div> <div class="col-xs-4"> <img src="imgs/a5x.png" /> <div>最优路线</div> <div>驾车更安全</div> </div> <div class="col-xs-4"> <img src="imgs/a6.png" /> <div>最优路线</div> <div>指引好停车</div> </div> </div>'
+'</div><span class="closeline"></span>'
+'<span class="closeicon icon iconfont" onclick="closetcyd()"></span> </div>';
//$('.hhshade').css('display','block');
$('body').append(str);
setTimeout(function(){
$('.hhshade').css('display','block');
var h = ($('.hhcontent').outerHeight())/2;
console.log($('.hhcontent').outerWidth()+" jjjjj "+h);
$('.hhcontent').animate({top:'50%',marginTop:'-'+h+'px'},150,'swing');
},100);
}
function wktrnt(name,juli,positiona){
closes = false;
zhixng = true;
var n = 10;
setseconds(n,positiona[0],positiona[1]);
var str = '<div class="hhshade"></div><div class="hhcontent"> <div class="hhbody" onclick="dqgaode('+positiona+')"> <div class="hhtctitile row"> <div class="col-xs-4"></div>'
+'<div class="col-xs-4">停车诱导</div><div class="col-xs-4">'
+'<span class="tipseconds"><span style="color: #f00;">10s</span>后自动进入导航</span>'
+'</div> </div> <div class="hhbcontent row"> <div class="col-xs-12">'
+'<div>'+name+'</div><p>（因暂未开通任你停，数据可能不准确）</p>'
+'</div> <div class="col-xs-4"> <img src="imgs/a23.png" /> </div> <div class="col-xs-4"> <img src="imgs/a1x.png" />'
+'<div style="padding-top: 8px;">距您'+juli+'km</div>'
+'</div> <div class="col-xs-4"> <div>空闲</div> <span style="display: inline-block;padding-top: 8px;">空位</span>'
+'</div> </div> <div class="hhbottom row"> <div class="col-xs-4"> <img src="imgs/a4x.png" /> <div>最优路线</div> <div>自动选最优</div> </div> <div class="col-xs-4"> <img src="imgs/a5x.png" /> <div>最优路线</div> <div>驾车更安全</div> </div> <div class="col-xs-4"> <img src="imgs/a6.png" /> <div>最优路线</div> <div>指引好停车</div> </div> </div>'
+'</div><span class="closeline"></span>'
+'<span class="closeicon icon iconfont" onclick="closetcyd()"></span> </div>';
$('body').append(str);
setTimeout(function(){
$('.hhshade').css('display','block');
var h = ($('.hhcontent').outerHeight())/2;
console.log($('.hhcontent').outerWidth()+" jjjjj "+h);
$('.hhcontent').animate({top:'50%',marginTop:'-'+h+'px'},150,'swing');
},100);
}
function closetcyd(){
$('.hhcontent').animate({top:'100%',marginTop:'0px'},150,'swing');
$('.hhshade').fadeOut(150);
zhixng = false;//设置不执行秒数
setTimeout(function(){
$('.hhshade').remove();
$('.hhcontent').remove();
},150);
return false;
}
function dqgaode(lon,lat){
var lng,plat;
console.log('daohang '+sessionStorage.getItem('rntlonandlat'));
if(sessionStorage.getItem('rntlonandlat')){
var splon = sessionStorage.getItem('rntlonandlat');
splon = JSON.parse(splon);
if(splon!=''){
lng = splon.plon;
plat = splon.plat;
}
}
window.location.href = '//uri.amap.com/navigation?from='+lng+','+plat+',startpoint&to='+lon+','+lat+',endpoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=1';
}
var zhixng = true;
function setseconds(n,lon,lat){
console.log("根据调用的参数获取经纬度"+lon+" "+lat);
if(zhixng){
n = n-1;
if(n==0){
var lng,plat;
if(sessionStorage.getItem('rntlonandlat')){
var splon = sessionStorage.getItem('rntlonandlat');
splon = JSON.parse(splon);
if(splon!=''){
lng = splon.plon;
plat = splon.plat;
}
}
window.location.href = '//uri.amap.com/navigation?from='+lng+','+plat+',startpoint&to='+lon+','+lat+',endpoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=1';
}
setTimeout(function(){
setseconds(n,lon,lat);
$('.tipseconds span').text(n+"s");
},1000);
}else{
return false;
}
}