潘钊 / bsth_control · Commits

Commit 9bdbb71e855adfab5720ffcd9ef30c1c7e753ca2

Authored by 王通
1 parent 586f832a
build: skipped

1.百度地图key替换

Inline Side-by-side
Showing 22 changed files with 2286 additions and 2286 deletions
src/main/resources/static/gpsTest/test.html
  View file @9bdbb71
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta charset="UTF-8">
5   -<title>GPS点测试</title>
6   -<meta name=”renderer” content=”webkit”>
7   -<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″>
8   -
9   -<meta http-equiv="Pragma" content="no-cache">
10   -<meta http-equiv="Cache-control" content="no-cache">
11   -<meta http-equiv="Cache" content="no-cache">
12   -<head>
13   -<!-- select2 下拉框插件 -->
14   -<link href="/metronic_v4.5.4/plugins/select2/css/select2.min.css"
15   - rel="stylesheet" type="text/css" />
16   -<style type="text/css">
17   -html,body {
18   - height: 100%;
19   - overflow: hidden;
20   -}
21   -
22   -#mapContainer {
23   - width: 100%;
24   - height: calc(100% - 93px);
25   -}
26   -
27   -form {
28   - padding: 25px;
29   -}
30   -
31   -form .item {
32   - display: inline-block;
33   -}
34   -
35   -form .item input {
36   - height: 26px;
37   - width: 110px;
38   -}
39   -
40   -form .item select {
41   - height: 32px;
42   -}
43   -</style>
44   -</head>
45   -<body>
46   - <form action="">
47   - <div class="item">
48   - 线路： <select name="xl" style="width: 150px;">
49   - </select>
50   - </div>
51   - <div class="item">
52   - 方向： <select name="directions" style="width: 70px;">
53   - <option value="0">上行</option>
54   - <option value="1">下行</option>
55   - </select>
56   - </div>
57   - <div class="item">
58   - 设备号： <input name="device" value="059L0903" />
59   - </div>
60   - <div class="item">
61   - 开始时间戳： <input type="number" name="startTime" value="1461380940000" />
62   - </div>
63   - <div class="item">
64   - 结束时间戳： <input type="number" name="endTime" value="1461381960000" />
65   - </div>
66   - <div class="item">
67   - <input type="button" value="查询GPS轨迹" onclick="searchGps()">
68   - </div>
69   - <div class="item">
70   - <input type="button" value="开启测距" onclick="myDis.open();"
71   - style="width: 75px" /> <input type="button" value="关闭测距"
72   - onclick="myDis.close()" style="width: 75px" />
73   -
74   - </div>
75   -
76   - <div class="item">
77   - <a target="_blank" href="http://tool.chinaz.com/Tools/unixtime.aspx"
78   - style="font-size: 12px; color: red;">毫秒时间戳转换</a>
79   - </div>
80   - </form>
81   -
82   - <div id="mapContainer"></div>
83   - <script src="/assets/plugins/pinyin.js"></script>
84   - <script src="/metronic_v4.5.4/plugins/jquery.min.js"></script>
85   - <script src="/assets/plugins/jquery.serializejson.js"></script>
86   - <script
87   - src="http://api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
88   - <script type="text/javascript"
89   - src="http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
90   - <!-- moment.js 日期处理类库 -->
91   - <script src="/assets/plugins/moment-with-locales.js"></script>
92   - <!-- select2 下拉框 -->
93   - <script src="/metronic_v4.5.4/plugins/select2/js/select2.full.min.js"></script>
94   - <script>
95   -
96   - var inMark = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA1CAYAAABSrotqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAGW0lEQVRYw62XX2wc1RWHv3vv7NhrQkKCIa0poaKRmjdUFUGr+IH+ITy0Kg/0qVRV1ZamVV95al94oPSBVmoRUZTIKRFBLW1aapBK6gIChYTgFJRQHoITqCCO7eC1vY7t2Z1/954+zK69Xs9mx4mPdLWjmTvnO79z7zl3VlHAvv3XmXuM8R4EBpVSu1DqpiQRBJlH5APn5KQ4NzzycP/pbr7U1R5+6y+Vr2njP6EVX1FKoRTZAOJUQMBlP4gIIrwtNvnlyMO3vL4u4AND49vMjZsOaqMfUgpMA+ZEiBJIrJAkQslT+B4YrXACzknj1x4N6rWfnfrJ7XNdgd888NEOs+XmEaPVLq0zRVEiRGnmsGlJsnKtFfT4ih5PIQJWwDr3QRJUHzix9wsXOwLvOzDW72269ZQxeqcxIAL1WLAtoDzgMlgr+vwsG6kTrOXDoDL91Xcf/eLM8pxWuJT7j4hSO5UC66AW5cM6mXNCEDmsA60UAjv9rf1HWoU1L9Tg0OT3dU/5Wd9TeFpRiwWRFZhNhSvTMbX5hDh0uNhR6jWUb/LYvL0H460kSyko+xrrhCgVJAp/MPrzgecAMVkuH/PuuHv335VSW3s8TZgIrgUWzKdMXagRLqU4KygF4gRnhSiwLFZivF6N32tWAhTwPUWSCmhz18RC3z4+fsNpgN3f+/H9oO4ESO3qNNaupFQ+qWeRa5U7AGY/rlO7kq5Kb+qkUUrqzru/+8M9zTXUeKUHs92miG3LmlhhbjJCGVVoVCdCnG3ZyamgVRaQLvV+B9AeoJUu3QtgdLZWy6mspgigzdpyFS+/ZwTVhBv7/WyOgDbZBtTa3NMEKqX0Dsg6RqvFoUN3cOyczr2f1F3+FtbmDkB5gEKzFQFr215OBe3lO9Yu33GSrg47XUnxtiYQRKUgpdadCaAbnSMfmK+8Pf3L74ssATSAtorSt7a/vKnPUA87pMhTa9cAKJfzMwKysAwU56aUWQvcssUQJ/lA6aBw8xaPJHe+m4asLERcOpb3cvkGg1/SeEatGSZn+CVFeZPJDQRnxwDJgDY5nzcniIXbBkq5zo3Jyqg5PAMDAz5BlL/oLo0uLAOT4MqZvEnWCbEoPjfgU/LUKoDRK/BSSXHbgE8kqmOzt+HiGUA8QBY+Ov127823u0YAq1VGDno0n9/hs7BoWQocSSKIQKmk6OvTbN5sqAZCLeqw3uBmz791ChBFdmL4g4dnziptdnXYYhit2FxWlH2N72WHcmqhFjkW61c/xsTZc6OP3PIlIPayAHA2Dt/wem/oCLROqAZCNchU5B3AnczF9dcBR0sKxQZzI4U9rNOS+vwrDWHLJ76bOH7gTZBwo2GCBDOv/OF4Q+EyUCb+sW/JJeGxDQfG4b8vjRwK2hUKYNPF6gsbDUyC6lHAtgMB3NTfnv5ns+dtkL6F2eF9/6KRznagXDyxvyZx9PJG4WxUf+niif01Wtr8KiBgo8VPj24UMA5mXqAlne1AAPfhc79+DZHZ66aJq0wM/eJVWtKZB5Tqu0frNlr80/Xy0jB4fmbsZNQVCNj6+LlDoFxh7+2mkHjy3OFGOtse5U2H3sE/Xn5ZeT33dfJ5tdYmNjk5+tPt9wMhbd8Fed8DAqTJwuyhaxWYLM4MASk5HyGdPkDshT8/+hLiLq8XJuIu/+/Ir4bz0nk1oMyNHgttuPTseoGuvnh4/uzwqtorBATszNnXDqyvoUu48N6rB2mrvSJAAHd+/48mbVgr3AhsGDw/NvTIFG2lUBQoQFr/5L2nipSIgAvH//s0HTZL01QXPwro3X3o8rAu9expfdBeFpJGx0b3fvYhckqhqMJllVFl/PfdFNanx5/qpq6IwmZQvYPPTB9XpvTlPIWSxqOjez/z9YY6181ZN3NAEs5d+k2nCfHc5JNA0g1WVGGLyspbynh3tSp0aXLm9N7tg0XUFVXYVJlG81NPrlE3P/k7srUr1OyLAgHS/zzxjRex9v3mDbHp+2d/u+fFBrBwqoqaUKnEYfXS480b4dzk41QqMV125vWYBvoGn5l+596Dn74D9K0z6MY/4M7WvqkESOPK+GNRlsRm3eXNK+SwVYkPlBpBacA05uvGfVgpBSFr2K4RRALE5GykTif+toZT1WFu87pVSft1Asy1q70WhYrVwOa4ZoXred7JOq7h/wF6az0ukZgX/AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNS0wNy0yNVQyMTo1MDo0MyswODowMOgS43cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMTEtMjBUMjI6NDc6MTErMDg6MDAou1syAAAATnRFWHRzb2Z0d2FyZQBJbWFnZU1hZ2ljayA2LjguOC0xMCBRMTYgeDg2XzY0IDIwMTUtMDctMTkgaHR0cDovL3d3dy5pbWFnZW1hZ2ljay5vcmcFDJw1AAAAGHRFWHRUaHVtYjo6RG9jdW1lbnQ6OlBhZ2VzADGn/7svAAAAF3RFWHRUaHVtYjo6SW1hZ2U6OkhlaWdodAA1Mwmpb+QAAAAWdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAMjgpleAmAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADEzODQ5NTg4MzEXUMEwAAAAE3RFWHRUaHVtYjo6U2l6ZQA0LjUzS0JC/AyPiAAAAFp0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWUvd3d3cm9vdC93d3cuZWFzeWljb24ubmV0L2Nkbi1pbWcuZWFzeWljb24uY24vc3JjLzExMjk3LzExMjk3NzIucG5nqXNeUQAAAABJRU5ErkJggg==';
97   - var outMark = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAvCAMAAAC18jgTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABO1BMVEUAAAAiu4ggv40gvowgvowgvosgvowfvo0jv44hv40gvosgvowcxo4fvowgvowdvYogv4whvo0gvowhvYwrqoAhv4wnxIkgv4wA//8gvIshvosgvowhvIshvowgvowrv5Ugv4ohvosgvowhv4wgv4whvYwXuYsgvowgvowiu4gfvo0zzJkhvowktpIgvowgv40hvo0gv4wgvowAqqogvosgvowjv4sgvowivIskv4khvowgvYsiu44hvosfvI0hv4sgvYofvowgvowgv40gv4wjuYsgvowhvowfvIsgvYsgvo0hvoxAv4Agv4wgvowgvoshvo0mv4whvowgvowfwo8gv4wgv40duokAAAAfvYsgvYwAAAAAAAAAAAAAAAAAAAAAAAAAAAAYjGUYj2kAAAAAAAAAAAAgvoz///9v2GMAAAAAZ3RSTlMAD1eZyOr4miSc950Jivoj0i/pfAarDaoBWH3JLuv5DDDL0ZunbQvu/h6CBbQO5jhOkNwDtfAsz0Qc42EtdUGLYKKOwsYW7/s5f7nMBCj9N40U8/YZh48aAaOmAggNERMWF0lLGBkanzLKGQAAAAFiS0dEaMts9CIAAAGZSURBVDjLfZRnW8IwFIUvyN6FUlCx4AZxKw7cA/eeKKNUwfz/f2ChZNAmnC+U+54m9548KQCRwznicns8bpfX6QC7fP4AIgoEfRYcCkfQgCLhEMujMWRTLEq55EYcuSXyPpcbjv4aoRgSKGb2EUZChXvzRcSGSHfaIP0fT0iyLCXitOI38qP5JBWzKSVFE3OAk/I0HiudJMVR8JL1FRqMQgb3ggs/Jthox3B1HIg3wxoyuDoBKn6UWYOMqyp4uIYsNfC3yNEtJoc3OQXT3DFJmDNMUCkaFI1yFubmqcMedb4AsMAeVqaYzbGHtWj4l5bFx51f6a64mhca/OaeayK+3m9qY5PPS1tk7G0eV3doMLtlToN7bLT7JZvhYPByHqoWfmS93ceD/CRtNcApy89kG4fiOeXlCucLAoULzC+vgCvSxjUIdGPy2zuR4b53jx8eQagn5gi5en5B6PVtiAHeEfoYxqHiUT9FrNrT17f5a8O1eqOptXT951fXW1qzUa9ZXtfanU7nry/jsa1VuSsYtjZ3BdIDFin/A1AVNdoKDyAYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTA3LTI1VDIxOjUwOjQzKzA4OjAw6BLjdwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMy0xMS0yMFQyMjo0NzoxMyswODowML8kShsAAABOdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuOC44LTEwIFExNiB4ODZfNjQgMjAxNS0wNy0xOSBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZwUMnDUAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADQ3F9+avAAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAzMtBbOHkAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTM4NDk1ODgzM/leoBwAAAATdEVYdFRodW1iOjpTaXplADQuMDFLQkKe5chzAAAAWnRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vaG9tZS93d3dyb290L3d3dy5lYXN5aWNvbi5uZXQvY2RuLWltZy5lYXN5aWNvbi5jbi9zcmMvMTEyOTcvMTEyOTc4Ni5wbmetpUpEAAAAAElFTkSuQmCC';
98   -
99   - var inOuts = [outMark, inMark];
100   -
101   - var stationCodeMap = {};
102   -
103   - var map = new BMap.Map("mapContainer");
104   - map.centerAndZoom(new BMap.Point(121.544336, 31.221315), 15);
105   - map.enableScrollWheelZoom();
106   - //中心点和缩放级别
107   - map.setCurrentCity("上海");
108   - var myDis = new BMapLib.DistanceTool(map);
109   -
110   -
111   - $.get('/line/all', function(rs){
112   - var data = [];
113   - $.each(rs, function(){
114   - data.push({id: this.id, text: this.name});
115   - });
116   -
117   - initPinYinSelect2('select[name=xl]', data);
118   - });
119   -
120   - function searchGps(){
121   - var params = $('form').serializeJSON();
122   - //查询线路路由站点
123   - $.get('/test/gps/route', params, function(rs){
124   - var array = rs[0].children[0].children
125   - ,coords,circle, cdsArray, points, polygon;
126   - //画出站点
127   - console.log(array);
128   - $.each(array, function(){
129   - stationCodeMap[this.stationStationCod] = this.name;
130   - if(this.stationShapesType === 'r'){
131   - //画圆
132   - coords = this.stationBJwpoints.split(' ');
133   - circle = new BMap.Circle(new BMap.Point(coords[0], coords[1]),this.stationRadius);
134   - circle.setStrokeColor('red');
135   - circle.setStrokeWeight(2)
136   - map.addOverlay(circle);
137   - }
138   - else if(this.stationShapesType === 'd'){
139   - //画多边形
140   - coords = this.stationBPolygonGrid.substring(9, this.stationBPolygonGrid.length - 2);
141   - cdsArray = coords.split(',');
142   - points = [];
143   - $.each(cdsArray, function(){
144   - coords = this.split(' ');
145   - points.push(new BMap.Point(coords[0], coords[1]));
146   - });
147   -
148   - polygon = new BMap.Polygon(points, {strokeColor:"red", strokeWeight:2, strokeOpacity:0.5});
149   - map.addOverlay(polygon);
150   - }
151   - });
152   - coords = array[array.length / 2].stationBJwpoints.split(' ');
153   - map.setCenter(new BMap.Point(coords[0], coords[1]))
154   - });
155   -
156   - //查询gps点
157   - $.get('/gps/history/' + params.device, params, function(gpsArray){
158   - console.log(stationCodeMap);
159   - var marker, label, point, state, text;
160   - $.each(gpsArray, function(){
161   - point = new BMap.Point(this.lon, this.lat);
162   - marker = new BMap.Marker(point);
163   - state = this.inout_stop;
164   -
165   - if(state == 0 || state == 1){
166   - text = state == 0?'出':'进';
167   -
168   - console.log(stationCodeMap[this.stopNo], this);
169   - marker.setIcon(new BMap.Icon(inOuts[this.inout_stop], new BMap.Size(25,25)));
170   - label = new BMap.Label(
171   - stationCodeMap[this.stopNo] + '/' +moment(this.ts).format('HH:mm.ss') + ' -'+text
172   - , {position: point, offset: new BMap.Size(-25,-18)});
173   - marker.setLabel(label);
174   - }
175   - else{
176   - label = new BMap.Label(moment(this.ts).format('HH:mm.ss')
177   - , {position: point, offset: new BMap.Size(-25,-18)});
178   - marker.setLabel(label);
179   - }
180   -
181   - map.addOverlay(marker);
182   - });
183   - });
184   - }
185   -
186   -
187   - /**
188   - * 支持拼音搜索的select2
189   - * @param selector
190   - * @param data
191   - */
192   - function initPinYinSelect2(selector, data, cb){
193   -
194   - $.each(data, function(){
195   - this.fullChars = pinyin.getFullChars(this.text).toUpperCase();
196   - this.camelChars = pinyin.getCamelChars(this.text);
197   - });
198   -
199   - $.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) {
200   - $(selector).select2({
201   - data: data,
202   - matcher: oldMatcher(function(term, text, item){
203   - var upTerm = term.toUpperCase();
204   - if(item.fullChars.indexOf(upTerm) != -1
205   - || item.camelChars.indexOf(upTerm) != -1)
206   - return true;
207   -
208   - return text.indexOf(term) != -1;
209   - })
210   - });
211   -
212   - cb && cb();
213   - });
214   -
215   - return $(selector);
216   - }
217   -</script>
218   -</body>
219   -</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 +<meta charset="UTF-8">
  5 +<title>GPS点测试</title>
  6 +<meta name=”renderer” content=”webkit”>
  7 +<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″>
  8 +
  9 +<meta http-equiv="Pragma" content="no-cache">
  10 +<meta http-equiv="Cache-control" content="no-cache">
  11 +<meta http-equiv="Cache" content="no-cache">
  12 +<head>
  13 +<!-- select2 下拉框插件 -->
  14 +<link href="/metronic_v4.5.4/plugins/select2/css/select2.min.css"
  15 + rel="stylesheet" type="text/css" />
  16 +<style type="text/css">
  17 +html,body {
  18 + height: 100%;
  19 + overflow: hidden;
  20 +}
  21 +
  22 +#mapContainer {
  23 + width: 100%;
  24 + height: calc(100% - 93px);
  25 +}
  26 +
  27 +form {
  28 + padding: 25px;
  29 +}
  30 +
  31 +form .item {
  32 + display: inline-block;
  33 +}
  34 +
  35 +form .item input {
  36 + height: 26px;
  37 + width: 110px;
  38 +}
  39 +
  40 +form .item select {
  41 + height: 32px;
  42 +}
  43 +</style>
  44 +</head>
  45 +<body>
  46 + <form action="">
  47 + <div class="item">
  48 + 线路： <select name="xl" style="width: 150px;">
  49 + </select>
  50 + </div>
  51 + <div class="item">
  52 + 方向： <select name="directions" style="width: 70px;">
  53 + <option value="0">上行</option>
  54 + <option value="1">下行</option>
  55 + </select>
  56 + </div>
  57 + <div class="item">
  58 + 设备号： <input name="device" value="059L0903" />
  59 + </div>
  60 + <div class="item">
  61 + 开始时间戳： <input type="number" name="startTime" value="1461380940000" />
  62 + </div>
  63 + <div class="item">
  64 + 结束时间戳： <input type="number" name="endTime" value="1461381960000" />
  65 + </div>
  66 + <div class="item">
  67 + <input type="button" value="查询GPS轨迹" onclick="searchGps()">
  68 + </div>
  69 + <div class="item">
  70 + <input type="button" value="开启测距" onclick="myDis.open();"
  71 + style="width: 75px" /> <input type="button" value="关闭测距"
  72 + onclick="myDis.close()" style="width: 75px" />
  73 +
  74 + </div>
  75 +
  76 + <div class="item">
  77 + <a target="_blank" href="http://tool.chinaz.com/Tools/unixtime.aspx"
  78 + style="font-size: 12px; color: red;">毫秒时间戳转换</a>
  79 + </div>
  80 + </form>
  81 +
  82 + <div id="mapContainer"></div>
  83 + <script src="/assets/plugins/pinyin.js"></script>
  84 + <script src="/metronic_v4.5.4/plugins/jquery.min.js"></script>
  85 + <script src="/assets/plugins/jquery.serializejson.js"></script>
  86 + <script
  87 + src="http://api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
  88 + <script type="text/javascript"
  89 + src="http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
  90 + <!-- moment.js 日期处理类库 -->
  91 + <script src="/assets/plugins/moment-with-locales.js"></script>
  92 + <!-- select2 下拉框 -->
  93 + <script src="/metronic_v4.5.4/plugins/select2/js/select2.full.min.js"></script>
  94 + <script>
  95 +
  96 + var inMark = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA1CAYAAABSrotqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAGW0lEQVRYw62XX2wc1RWHv3vv7NhrQkKCIa0poaKRmjdUFUGr+IH+ITy0Kg/0qVRV1ZamVV95al94oPSBVmoRUZTIKRFBLW1aapBK6gIChYTgFJRQHoITqCCO7eC1vY7t2Z1/954+zK69Xs9mx4mPdLWjmTvnO79z7zl3VlHAvv3XmXuM8R4EBpVSu1DqpiQRBJlH5APn5KQ4NzzycP/pbr7U1R5+6y+Vr2njP6EVX1FKoRTZAOJUQMBlP4gIIrwtNvnlyMO3vL4u4AND49vMjZsOaqMfUgpMA+ZEiBJIrJAkQslT+B4YrXACzknj1x4N6rWfnfrJ7XNdgd888NEOs+XmEaPVLq0zRVEiRGnmsGlJsnKtFfT4ih5PIQJWwDr3QRJUHzix9wsXOwLvOzDW72269ZQxeqcxIAL1WLAtoDzgMlgr+vwsG6kTrOXDoDL91Xcf/eLM8pxWuJT7j4hSO5UC66AW5cM6mXNCEDmsA60UAjv9rf1HWoU1L9Tg0OT3dU/5Wd9TeFpRiwWRFZhNhSvTMbX5hDh0uNhR6jWUb/LYvL0H460kSyko+xrrhCgVJAp/MPrzgecAMVkuH/PuuHv335VSW3s8TZgIrgUWzKdMXagRLqU4KygF4gRnhSiwLFZivF6N32tWAhTwPUWSCmhz18RC3z4+fsNpgN3f+/H9oO4ESO3qNNaupFQ+qWeRa5U7AGY/rlO7kq5Kb+qkUUrqzru/+8M9zTXUeKUHs92miG3LmlhhbjJCGVVoVCdCnG3ZyamgVRaQLvV+B9AeoJUu3QtgdLZWy6mspgigzdpyFS+/ZwTVhBv7/WyOgDbZBtTa3NMEKqX0Dsg6RqvFoUN3cOyczr2f1F3+FtbmDkB5gEKzFQFr215OBe3lO9Yu33GSrg47XUnxtiYQRKUgpdadCaAbnSMfmK+8Pf3L74ssATSAtorSt7a/vKnPUA87pMhTa9cAKJfzMwKysAwU56aUWQvcssUQJ/lA6aBw8xaPJHe+m4asLERcOpb3cvkGg1/SeEatGSZn+CVFeZPJDQRnxwDJgDY5nzcniIXbBkq5zo3Jyqg5PAMDAz5BlL/oLo0uLAOT4MqZvEnWCbEoPjfgU/LUKoDRK/BSSXHbgE8kqmOzt+HiGUA8QBY+Ov127823u0YAq1VGDno0n9/hs7BoWQocSSKIQKmk6OvTbN5sqAZCLeqw3uBmz791ChBFdmL4g4dnziptdnXYYhit2FxWlH2N72WHcmqhFjkW61c/xsTZc6OP3PIlIPayAHA2Dt/wem/oCLROqAZCNchU5B3AnczF9dcBR0sKxQZzI4U9rNOS+vwrDWHLJ76bOH7gTZBwo2GCBDOv/OF4Q+EyUCb+sW/JJeGxDQfG4b8vjRwK2hUKYNPF6gsbDUyC6lHAtgMB3NTfnv5ns+dtkL6F2eF9/6KRznagXDyxvyZx9PJG4WxUf+niif01Wtr8KiBgo8VPj24UMA5mXqAlne1AAPfhc79+DZHZ66aJq0wM/eJVWtKZB5Tqu0frNlr80/Xy0jB4fmbsZNQVCNj6+LlDoFxh7+2mkHjy3OFGOtse5U2H3sE/Xn5ZeT33dfJ5tdYmNjk5+tPt9wMhbd8Fed8DAqTJwuyhaxWYLM4MASk5HyGdPkDshT8/+hLiLq8XJuIu/+/Ir4bz0nk1oMyNHgttuPTseoGuvnh4/uzwqtorBATszNnXDqyvoUu48N6rB2mrvSJAAHd+/48mbVgr3AhsGDw/NvTIFG2lUBQoQFr/5L2nipSIgAvH//s0HTZL01QXPwro3X3o8rAu9expfdBeFpJGx0b3fvYhckqhqMJllVFl/PfdFNanx5/qpq6IwmZQvYPPTB9XpvTlPIWSxqOjez/z9YY6181ZN3NAEs5d+k2nCfHc5JNA0g1WVGGLyspbynh3tSp0aXLm9N7tg0XUFVXYVJlG81NPrlE3P/k7srUr1OyLAgHS/zzxjRex9v3mDbHp+2d/u+fFBrBwqoqaUKnEYfXS480b4dzk41QqMV125vWYBvoGn5l+596Dn74D9K0z6MY/4M7WvqkESOPK+GNRlsRm3eXNK+SwVYkPlBpBacA05uvGfVgpBSFr2K4RRALE5GykTif+toZT1WFu87pVSft1Asy1q70WhYrVwOa4ZoXred7JOq7h/wF6az0ukZgX/AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNS0wNy0yNVQyMTo1MDo0MyswODowMOgS43cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMTEtMjBUMjI6NDc6MTErMDg6MDAou1syAAAATnRFWHRzb2Z0d2FyZQBJbWFnZU1hZ2ljayA2LjguOC0xMCBRMTYgeDg2XzY0IDIwMTUtMDctMTkgaHR0cDovL3d3dy5pbWFnZW1hZ2ljay5vcmcFDJw1AAAAGHRFWHRUaHVtYjo6RG9jdW1lbnQ6OlBhZ2VzADGn/7svAAAAF3RFWHRUaHVtYjo6SW1hZ2U6OkhlaWdodAA1Mwmpb+QAAAAWdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAMjgpleAmAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADEzODQ5NTg4MzEXUMEwAAAAE3RFWHRUaHVtYjo6U2l6ZQA0LjUzS0JC/AyPiAAAAFp0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWUvd3d3cm9vdC93d3cuZWFzeWljb24ubmV0L2Nkbi1pbWcuZWFzeWljb24uY24vc3JjLzExMjk3LzExMjk3NzIucG5nqXNeUQAAAABJRU5ErkJggg==';
  97 + var outMark = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAvCAMAAAC18jgTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABO1BMVEUAAAAiu4ggv40gvowgvowgvosgvowfvo0jv44hv40gvosgvowcxo4fvowgvowdvYogv4whvo0gvowhvYwrqoAhv4wnxIkgv4wA//8gvIshvosgvowhvIshvowgvowrv5Ugv4ohvosgvowhv4wgv4whvYwXuYsgvowgvowiu4gfvo0zzJkhvowktpIgvowgv40hvo0gv4wgvowAqqogvosgvowjv4sgvowivIskv4khvowgvYsiu44hvosfvI0hv4sgvYofvowgvowgv40gv4wjuYsgvowhvowfvIsgvYsgvo0hvoxAv4Agv4wgvowgvoshvo0mv4whvowgvowfwo8gv4wgv40duokAAAAfvYsgvYwAAAAAAAAAAAAAAAAAAAAAAAAAAAAYjGUYj2kAAAAAAAAAAAAgvoz///9v2GMAAAAAZ3RSTlMAD1eZyOr4miSc950Jivoj0i/pfAarDaoBWH3JLuv5DDDL0ZunbQvu/h6CBbQO5jhOkNwDtfAsz0Qc42EtdUGLYKKOwsYW7/s5f7nMBCj9N40U8/YZh48aAaOmAggNERMWF0lLGBkanzLKGQAAAAFiS0dEaMts9CIAAAGZSURBVDjLfZRnW8IwFIUvyN6FUlCx4AZxKw7cA/eeKKNUwfz/f2ChZNAmnC+U+54m9548KQCRwznicns8bpfX6QC7fP4AIgoEfRYcCkfQgCLhEMujMWRTLEq55EYcuSXyPpcbjv4aoRgSKGb2EUZChXvzRcSGSHfaIP0fT0iyLCXitOI38qP5JBWzKSVFE3OAk/I0HiudJMVR8JL1FRqMQgb3ggs/Jthox3B1HIg3wxoyuDoBKn6UWYOMqyp4uIYsNfC3yNEtJoc3OQXT3DFJmDNMUCkaFI1yFubmqcMedb4AsMAeVqaYzbGHtWj4l5bFx51f6a64mhca/OaeayK+3m9qY5PPS1tk7G0eV3doMLtlToN7bLT7JZvhYPByHqoWfmS93ceD/CRtNcApy89kG4fiOeXlCucLAoULzC+vgCvSxjUIdGPy2zuR4b53jx8eQagn5gi5en5B6PVtiAHeEfoYxqHiUT9FrNrT17f5a8O1eqOptXT951fXW1qzUa9ZXtfanU7nry/jsa1VuSsYtjZ3BdIDFin/A1AVNdoKDyAYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTA3LTI1VDIxOjUwOjQzKzA4OjAw6BLjdwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMy0xMS0yMFQyMjo0NzoxMyswODowML8kShsAAABOdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuOC44LTEwIFExNiB4ODZfNjQgMjAxNS0wNy0xOSBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZwUMnDUAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADQ3F9+avAAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAzMtBbOHkAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTM4NDk1ODgzM/leoBwAAAATdEVYdFRodW1iOjpTaXplADQuMDFLQkKe5chzAAAAWnRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vaG9tZS93d3dyb290L3d3dy5lYXN5aWNvbi5uZXQvY2RuLWltZy5lYXN5aWNvbi5jbi9zcmMvMTEyOTcvMTEyOTc4Ni5wbmetpUpEAAAAAElFTkSuQmCC';
  98 +
  99 + var inOuts = [outMark, inMark];
  100 +
  101 + var stationCodeMap = {};
  102 +
  103 + var map = new BMap.Map("mapContainer");
  104 + map.centerAndZoom(new BMap.Point(121.544336, 31.221315), 15);
  105 + map.enableScrollWheelZoom();
  106 + //中心点和缩放级别
  107 + map.setCurrentCity("上海");
  108 + var myDis = new BMapLib.DistanceTool(map);
  109 +
  110 +
  111 + $.get('/line/all', function(rs){
  112 + var data = [];
  113 + $.each(rs, function(){
  114 + data.push({id: this.id, text: this.name});
  115 + });
  116 +
  117 + initPinYinSelect2('select[name=xl]', data);
  118 + });
  119 +
  120 + function searchGps(){
  121 + var params = $('form').serializeJSON();
  122 + //查询线路路由站点
  123 + $.get('/test/gps/route', params, function(rs){
  124 + var array = rs[0].children[0].children
  125 + ,coords,circle, cdsArray, points, polygon;
  126 + //画出站点
  127 + console.log(array);
  128 + $.each(array, function(){
  129 + stationCodeMap[this.stationStationCod] = this.name;
  130 + if(this.stationShapesType === 'r'){
  131 + //画圆
  132 + coords = this.stationBJwpoints.split(' ');
  133 + circle = new BMap.Circle(new BMap.Point(coords[0], coords[1]),this.stationRadius);
  134 + circle.setStrokeColor('red');
  135 + circle.setStrokeWeight(2)
  136 + map.addOverlay(circle);
  137 + }
  138 + else if(this.stationShapesType === 'd'){
  139 + //画多边形
  140 + coords = this.stationBPolygonGrid.substring(9, this.stationBPolygonGrid.length - 2);
  141 + cdsArray = coords.split(',');
  142 + points = [];
  143 + $.each(cdsArray, function(){
  144 + coords = this.split(' ');
  145 + points.push(new BMap.Point(coords[0], coords[1]));
  146 + });
  147 +
  148 + polygon = new BMap.Polygon(points, {strokeColor:"red", strokeWeight:2, strokeOpacity:0.5});
  149 + map.addOverlay(polygon);
  150 + }
  151 + });
  152 + coords = array[array.length / 2].stationBJwpoints.split(' ');
  153 + map.setCenter(new BMap.Point(coords[0], coords[1]))
  154 + });
  155 +
  156 + //查询gps点
  157 + $.get('/gps/history/' + params.device, params, function(gpsArray){
  158 + console.log(stationCodeMap);
  159 + var marker, label, point, state, text;
  160 + $.each(gpsArray, function(){
  161 + point = new BMap.Point(this.lon, this.lat);
  162 + marker = new BMap.Marker(point);
  163 + state = this.inout_stop;
  164 +
  165 + if(state == 0 || state == 1){
  166 + text = state == 0?'出':'进';
  167 +
  168 + console.log(stationCodeMap[this.stopNo], this);
  169 + marker.setIcon(new BMap.Icon(inOuts[this.inout_stop], new BMap.Size(25,25)));
  170 + label = new BMap.Label(
  171 + stationCodeMap[this.stopNo] + '/' +moment(this.ts).format('HH:mm.ss') + ' -'+text
  172 + , {position: point, offset: new BMap.Size(-25,-18)});
  173 + marker.setLabel(label);
  174 + }
  175 + else{
  176 + label = new BMap.Label(moment(this.ts).format('HH:mm.ss')
  177 + , {position: point, offset: new BMap.Size(-25,-18)});
  178 + marker.setLabel(label);
  179 + }
  180 +
  181 + map.addOverlay(marker);
  182 + });
  183 + });
  184 + }
  185 +
  186 +
  187 + /**
  188 + * 支持拼音搜索的select2
  189 + * @param selector
  190 + * @param data
  191 + */
  192 + function initPinYinSelect2(selector, data, cb){
  193 +
  194 + $.each(data, function(){
  195 + this.fullChars = pinyin.getFullChars(this.text).toUpperCase();
  196 + this.camelChars = pinyin.getCamelChars(this.text);
  197 + });
  198 +
  199 + $.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) {
  200 + $(selector).select2({
  201 + data: data,
  202 + matcher: oldMatcher(function(term, text, item){
  203 + var upTerm = term.toUpperCase();
  204 + if(item.fullChars.indexOf(upTerm) != -1
  205 + || item.camelChars.indexOf(upTerm) != -1)
  206 + return true;
  207 +
  208 + return text.indexOf(term) != -1;
  209 + })
  210 + });
  211 +
  212 + cb && cb();
  213 + });
  214 +
  215 + return $(selector);
  216 + }
  217 +</script>
  218 +</body>
  219 +</html>
... ...
src/main/resources/static/pages/base/carpark/js/add-vmap-world.js
  View file @9bdbb71
1   -var addCarParkVmapWorlds = function() {
2   - var mapB = '', circle = '', drawingManager = '',circle='',marker='';
3   - var Bmap = {
4   - init : function() {
5   - // 设置中心点,
6   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
7   - // 百度API Key
8   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
9   - // 初始化百度地图
10   - mapB = new BMap.Map("addCarParkbmap_basic");
11   - //中心点和缩放级别
12   - mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
13   - //启用地图拖拽事件，默认启用(可不写)
14   - mapB.enableDragging();
15   - //启用地图滚轮放大缩小
16   - mapB.enableScrollWheelZoom();
17   - //禁用鼠标双击放大
18   - mapB.disableDoubleClickZoom();
19   - //启用键盘上下左右键移动地图
20   - mapB.enableKeyboard();
21   - var styleOptions = {
22   - //边线颜色。
23   - strokeColor : "blue",
24   - //填充颜色。当参数为空时，圆形将没有填充效果。
25   - fillColor : "blue",
26   - //边线的宽度，以像素为单位。
27   - strokeWeight : 3,
28   - //边线透明度，取值范围0 - 1。
29   - strokeOpacity : 0.8,
30   - //填充的透明度，取值范围0 - 1。
31   - fillOpacity : 0.6,
32   - //边线的样式，solid或dashed。
33   - strokeStyle : 'solid'
34   - };
35   - // 创建鼠标绘制管理类
36   - drawingManager = new BMapLib.DrawingManager(mapB, {
37   - //是否开启绘制模式
38   - isOpen : false,
39   - //是否显示工具栏
40   - enableDrawingTool : false,
41   - drawingToolOptions : {
42   - //位置
43   - anchor : BMAP_ANCHOR_TOP_RIGHT,
44   - //偏离值
45   - offset : new BMap.Size(5, 5),
46   - //工具栏缩放比例
47   - scale : 0.8
48   - },
49   - //线的样式
50   - polygonOptions : styleOptions
51   - });
52   - // 添加绘画完成事件
53   - drawingManager.addEventListener('polygoncomplete', function(e) {
54   - drawingManager.close();
55   - if (e.getPath().length <= 2) {
56   - // 弹出提示消息
57   - layer.msg('坐标点不能小于等于两个...');
58   - // 清除地图覆盖物
59   - mapB.clearOverlays();
60   - drawingManager.open();
61   - return false;
62   - }else {
63   - var pointE = e;
64   - // 多变行质心点
65   - var addSttationPoints_ = pointE.getBounds().getCenter().lng+ ' ' + pointE.getBounds().getCenter().lat;
66   - var addPolyGonLen_ = pointE.getPath().length;
67   - for(var k =0;k<addPolyGonLen_;k++) {
68   - if(k==0) {
69   - bPloygonGrid = pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
70   - }else {
71   - bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
72   - }
73   - }
74   - bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[0].lng + ' ' + pointE.getPath()[0].lat;
75   - PublicFunctions.setFormInputValue(addSttationPoints_,bPloygonGrid,'d','');
76   - }
77   - });
78   - return mapB;
79   - },
80   - // 根据地理名称获取百度经纬度坐标
81   - localSearchFromAdreesToPoint: function(Address,cb) {
82   - // 创建一个搜索类实例
83   - var localSearch = new BMap.LocalSearch(mapB);
84   - // 检索完成后的回调函数。
85   - localSearch.setSearchCompleteCallback(function (searchResult) {
86   - var resultPoints = '';
87   - if(searchResult) {
88   - // 返回索引指定的结果。索引0表示第1条结果
89   - var poi = searchResult.getPoi(0);
90   - if(poi) {
91   - //获取经度和纬度
92   - var stationNameChangePoint = new BMap.Point( poi.point.lng, poi.point.lat);
93   - marker = new BMap.Marker(stationNameChangePoint);
94   - var PanOptions ={noAnimation :true};
95   - mapB.panTo(stationNameChangePoint,PanOptions);
96   - // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
97   - mapB.setZoom(18);
98   - mapB.panBy(0,-80);
99   - // 将标注添加到地图中
100   - mapB.addOverlay(marker);
101   - //跳动的动画
102   - marker.setAnimation(BMAP_ANIMATION_BOUNCE);
103   - cb && cb(stationNameChangePoint);
104   - }else {
105   - // 弹出添加成功提示消息
106   - layer.msg('无法获取停车场【'+Address+'】地理位置！');
107   - cb && cb(false);
108   - }
109   - }else {
110   - // 弹出添加成功提示消息
111   - layer.msg('无法获取停车场【'+Address+'】地理位置！');
112   - cb && cb(false);
113   - }
114   - });
115   - // 根据检索词发起检索。
116   - localSearch.search(Address);
117   - },
118   -
119   - // 画圆
120   - pointsCircle : function(stationNameChangePoint) {
121   - //创建圆
122   - circle = new BMap.Circle(stationNameChangePoint,100,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
123   - // 百度地图添加覆盖物圆
124   - mapB.addOverlay(circle);
125   - // 开启编辑功能
126   - circle.enableEditing();
127   - // 编辑圆监听事件
128   - circle.addEventListener('remove',function() {
129   - // 清除marker
130   - mapB.removeOverlay(marker);
131   - // 返回圆形的半径，单位为米。
132   - var newRadius = circle.getRadius();
133   - // 返回圆形的中心点坐标。
134   - var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
135   - var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
136   - circle = '';
137   - PublicFunctions.setFormInputValue(newCenter,'','r',Math.round(newRadius));
138   - });
139   - },
140   - // 打开绘画工具
141   - drawingManagerOpen : function() {
142   - // 打开鼠标绘画工具
143   - drawingManager.open();
144   - // 设置属性
145   - drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
146   - },
147   - drawingManagerClose : function() {
148   - drawingManager.close();
149   - },
150   - clearMarkAndOverlays : function() {
151   - // 清楚地图覆盖物
152   - mapB.clearOverlays();
153   - }
154   - }
155   - return Bmap;
  1 +var addCarParkVmapWorlds = function() {
  2 + var mapB = '', circle = '', drawingManager = '',circle='',marker='';
  3 + var Bmap = {
  4 + init : function() {
  5 + // 设置中心点,
  6 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  7 + // 百度API Key
  8 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  9 + // 初始化百度地图
  10 + mapB = new BMap.Map("addCarParkbmap_basic");
  11 + //中心点和缩放级别
  12 + mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  13 + //启用地图拖拽事件，默认启用(可不写)
  14 + mapB.enableDragging();
  15 + //启用地图滚轮放大缩小
  16 + mapB.enableScrollWheelZoom();
  17 + //禁用鼠标双击放大
  18 + mapB.disableDoubleClickZoom();
  19 + //启用键盘上下左右键移动地图
  20 + mapB.enableKeyboard();
  21 + var styleOptions = {
  22 + //边线颜色。
  23 + strokeColor : "blue",
  24 + //填充颜色。当参数为空时，圆形将没有填充效果。
  25 + fillColor : "blue",
  26 + //边线的宽度，以像素为单位。
  27 + strokeWeight : 3,
  28 + //边线透明度，取值范围0 - 1。
  29 + strokeOpacity : 0.8,
  30 + //填充的透明度，取值范围0 - 1。
  31 + fillOpacity : 0.6,
  32 + //边线的样式，solid或dashed。
  33 + strokeStyle : 'solid'
  34 + };
  35 + // 创建鼠标绘制管理类
  36 + drawingManager = new BMapLib.DrawingManager(mapB, {
  37 + //是否开启绘制模式
  38 + isOpen : false,
  39 + //是否显示工具栏
  40 + enableDrawingTool : false,
  41 + drawingToolOptions : {
  42 + //位置
  43 + anchor : BMAP_ANCHOR_TOP_RIGHT,
  44 + //偏离值
  45 + offset : new BMap.Size(5, 5),
  46 + //工具栏缩放比例
  47 + scale : 0.8
  48 + },
  49 + //线的样式
  50 + polygonOptions : styleOptions
  51 + });
  52 + // 添加绘画完成事件
  53 + drawingManager.addEventListener('polygoncomplete', function(e) {
  54 + drawingManager.close();
  55 + if (e.getPath().length <= 2) {
  56 + // 弹出提示消息
  57 + layer.msg('坐标点不能小于等于两个...');
  58 + // 清除地图覆盖物
  59 + mapB.clearOverlays();
  60 + drawingManager.open();
  61 + return false;
  62 + }else {
  63 + var pointE = e;
  64 + // 多变行质心点
  65 + var addSttationPoints_ = pointE.getBounds().getCenter().lng+ ' ' + pointE.getBounds().getCenter().lat;
  66 + var addPolyGonLen_ = pointE.getPath().length;
  67 + for(var k =0;k<addPolyGonLen_;k++) {
  68 + if(k==0) {
  69 + bPloygonGrid = pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
  70 + }else {
  71 + bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
  72 + }
  73 + }
  74 + bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[0].lng + ' ' + pointE.getPath()[0].lat;
  75 + PublicFunctions.setFormInputValue(addSttationPoints_,bPloygonGrid,'d','');
  76 + }
  77 + });
  78 + return mapB;
  79 + },
  80 + // 根据地理名称获取百度经纬度坐标
  81 + localSearchFromAdreesToPoint: function(Address,cb) {
  82 + // 创建一个搜索类实例
  83 + var localSearch = new BMap.LocalSearch(mapB);
  84 + // 检索完成后的回调函数。
  85 + localSearch.setSearchCompleteCallback(function (searchResult) {
  86 + var resultPoints = '';
  87 + if(searchResult) {
  88 + // 返回索引指定的结果。索引0表示第1条结果
  89 + var poi = searchResult.getPoi(0);
  90 + if(poi) {
  91 + //获取经度和纬度
  92 + var stationNameChangePoint = new BMap.Point( poi.point.lng, poi.point.lat);
  93 + marker = new BMap.Marker(stationNameChangePoint);
  94 + var PanOptions ={noAnimation :true};
  95 + mapB.panTo(stationNameChangePoint,PanOptions);
  96 + // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
  97 + mapB.setZoom(18);
  98 + mapB.panBy(0,-80);
  99 + // 将标注添加到地图中
  100 + mapB.addOverlay(marker);
  101 + //跳动的动画
  102 + marker.setAnimation(BMAP_ANIMATION_BOUNCE);
  103 + cb && cb(stationNameChangePoint);
  104 + }else {
  105 + // 弹出添加成功提示消息
  106 + layer.msg('无法获取停车场【'+Address+'】地理位置！');
  107 + cb && cb(false);
  108 + }
  109 + }else {
  110 + // 弹出添加成功提示消息
  111 + layer.msg('无法获取停车场【'+Address+'】地理位置！');
  112 + cb && cb(false);
  113 + }
  114 + });
  115 + // 根据检索词发起检索。
  116 + localSearch.search(Address);
  117 + },
  118 +
  119 + // 画圆
  120 + pointsCircle : function(stationNameChangePoint) {
  121 + //创建圆
  122 + circle = new BMap.Circle(stationNameChangePoint,100,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
  123 + // 百度地图添加覆盖物圆
  124 + mapB.addOverlay(circle);
  125 + // 开启编辑功能
  126 + circle.enableEditing();
  127 + // 编辑圆监听事件
  128 + circle.addEventListener('remove',function() {
  129 + // 清除marker
  130 + mapB.removeOverlay(marker);
  131 + // 返回圆形的半径，单位为米。
  132 + var newRadius = circle.getRadius();
  133 + // 返回圆形的中心点坐标。
  134 + var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
  135 + var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
  136 + circle = '';
  137 + PublicFunctions.setFormInputValue(newCenter,'','r',Math.round(newRadius));
  138 + });
  139 + },
  140 + // 打开绘画工具
  141 + drawingManagerOpen : function() {
  142 + // 打开鼠标绘画工具
  143 + drawingManager.open();
  144 + // 设置属性
  145 + drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
  146 + },
  147 + drawingManagerClose : function() {
  148 + drawingManager.close();
  149 + },
  150 + clearMarkAndOverlays : function() {
  151 + // 清楚地图覆盖物
  152 + mapB.clearOverlays();
  153 + }
  154 + }
  155 + return Bmap;
156 156 }();
157 157 \ No newline at end of file
... ...
src/main/resources/static/pages/base/carpark/js/carpark-positions-map.js
  View file @9bdbb71
1   -/**
2   - * 百度地图
3   - *
4   - */
5   -
6   -var CarParkPWorldsBMap = function () {
7   -
8   - var mapValue='',drawingManager='',marker='',circle='',polygon='';
9   -
10   - var Bmap = {
11   - init : function() {
12   - // 设置中心点,
13   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
14   - // 百度API Key
15   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
16   - // 初始化百度地图
17   - mapValue = new BMap.Map("carParkbmap_basic");
18   - //中心点和缩放级别
19   - mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
20   - //启用地图拖拽事件，默认启用(可不写)
21   - mapValue.enableDragging();
22   - //启用地图滚轮放大缩小
23   - mapValue.enableScrollWheelZoom();
24   - //禁用鼠标双击放大
25   - mapValue.disableDoubleClickZoom();
26   - //启用键盘上下左右键移动地图
27   - mapValue.enableKeyboard();
28   - var styleOptions = {
29   - //边线颜色。
30   - strokeColor : "blue",
31   - //填充颜色。当参数为空时，圆形将没有填充效果。
32   - fillColor : "blue",
33   - //边线的宽度，以像素为单位。
34   - strokeWeight : 3,
35   - //边线透明度，取值范围0 - 1。
36   - strokeOpacity : 0.8,
37   - //填充的透明度，取值范围0 - 1。
38   - fillOpacity : 0.6,
39   - //边线的样式，solid或dashed。
40   - strokeStyle : 'solid'
41   - };
42   - // 创建鼠标绘制管理类
43   - drawingManager = new BMapLib.DrawingManager(mapValue, {
44   - //是否开启绘制模式
45   - isOpen : false,
46   - //是否显示工具栏
47   - enableDrawingTool : false,
48   - drawingToolOptions : {
49   - //位置
50   - anchor : BMAP_ANCHOR_TOP_RIGHT,
51   - //偏离值
52   - offset : new BMap.Size(5, 5),
53   - //工具栏缩放比例
54   - scale : 0.8
55   - },
56   - //线的样式
57   - polygonOptions : styleOptions
58   - });
59   - // 添加绘画完成事件
60   - drawingManager.addEventListener('polygoncomplete', function(e) {
61   - drawingManager.close();
62   - if (e.getPath().length <= 2) {
63   - // 弹出提示消息
64   - layer.msg('坐标点不能小于等于两个...');
65   - // 清除地图覆盖物
66   - Bmap.clearMarkAndOverlays();
67   - // 加载该线路下所有站点位置添加到地图上
68   - return false;
69   - }else {
70   - var pointE = e;
71   - // 多变行质心点
72   - var addSttationPoints_ = pointE.getBounds().getCenter().lng+ ' ' + pointE.getBounds().getCenter().lat;
73   - var addPolyGonLen_ = pointE.getPath().length;
74   - for(var k =0;k<addPolyGonLen_;k++) {
75   - if(k==0) {
76   - bPloygonGrid = pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
77   - }else {
78   - bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
79   - }
80   -
81   - }
82   - bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[0].lng + ' ' + pointE.getPath()[0].lat;
83   - /** 设置修改停车场集合对象图形质心点属性 @param：<addSttationPoints_：多边形质心点> */
84   - EditCarParkObj.setCarParkBcenterPoint(addSttationPoints_);
85   - /** 设置修改停车场集合对象图形类型属性 @param：<shapeType：图形类型> */
86   - EditCarParkObj.setCarParkShapesType('d');
87   - /** 设置修改停车场集合对象圆形半径属性 @param：<radius：圆形半径> */
88   - EditCarParkObj.setCarParkRadius('');
89   - /** 设置修改停车场集合对象名称 @param：<bParkPoint：多边形图形坐标集合> */
90   - EditCarParkObj.setCarParkBparkPoint(bPloygonGrid);
91   - $.get('edit.html', function(m){
92   - $(pjaxContainer).append(m);
93   - $('#editPoitsions_carpark_mobal').trigger('editCarParkMobal_show', [CarParkPWorldsBMap,PublicFunctions,EditCarParkObj,GetAjaxData]);
94   - });
95   - }
96   - });
97   - return mapValue;
98   - },
99   - openDrawingManager : function() {
100   - // 清楚地图覆盖物
101   - // mapValue.clearOverlays();
102   - // 打开鼠标绘画工具
103   - drawingManager.open();
104   - // 设置属性
105   - drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
106   - },
107   - drawingManagerClose : function() {
108   - drawingManager.close();
109   - },
110   - localSearchFromAdreesToPoint: function(Address) {
111   - // 创建一个搜索类实例
112   - var localSearch = new BMap.LocalSearch(mapValue);
113   - // 检索完成后的回调函数。
114   - localSearch.setSearchCompleteCallback(function (searchResult) {
115   - var resultPoints = '';
116   - if(searchResult) {
117   - // 返回索引指定的结果。索引0表示第1条结果
118   - var poi = searchResult.getPoi(0);
119   - if(poi) {
120   - //获取经度和纬度
121   - var Points = poi.point.lng + ' ' + poi.point.lat;
122   - var BJwpointsArray = Points.split(' ');
123   - var stationNameChangePoint = new BMap.Point(BJwpointsArray[0], BJwpointsArray[1]);
124   - var marker_stargt2 = new BMap.Marker(stationNameChangePoint);
125   - var PanOptions ={noAnimation :true};
126   - mapValue.panTo(stationNameChangePoint,PanOptions);
127   - mapValue.panBy(0,-200);
128   - // 将标注添加到地图中
129   - mapValue.addOverlay(marker_stargt2);
130   - //跳动的动画
131   - marker_stargt2.setAnimation(BMAP_ANIMATION_BOUNCE);
132   - }
133   - }
134   - });
135   - // 根据检索词发起检索。
136   - localSearch.search(Address);
137   - },
138   - /** 画圆 @param：<r：停车场信息；point：中心点；htm：信息窗口html文本；pots：信息窗口参数属性> */
139   - pointsCircle : function(r,point,htm,opts) {
140   - //创建圆
141   - circle = new BMap.Circle(point,r[0].carParkRadius,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
142   - // 允许覆盖物在map.clearOverlays方法中被清除
143   - circle.enableMassClear();
144   - // 百度地图添加覆盖物圆
145   - mapValue.addOverlay(circle);
146   - // 创建信息窗口
147   - infoWindow = new BMap.InfoWindow(htm, opts);
148   - // 自定义标注物图片
149   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
150   - // 创建点
151   - marker = new BMap.Marker(point,{icon : icon_target});
152   - // 把标注添物加到地图上
153   - mapValue.addOverlay(marker);
154   - setTimeout(function(){
155   - //开启信息窗口
156   - marker.openInfoWindow(infoWindow,point);
157   - },100);
158   - // 是否在平移过程中禁止动画。（自1.2新增）
159   - var PanOptions_ ={noAnimation :true};
160   - // 将地图的中心点更改为给定的点。
161   - mapValue.panTo(point,PanOptions_);
162   - // 添加标志物监听事件
163   - marker.addEventListener("click",function() {
164   - //开启信息窗口
165   - marker.openInfoWindow(infoWindow,point);
166   - });
167   - },
168   -
169   - /** 画多边形 @param：<r：停车场信息；point：中心点；htm：信息窗口html文本；pots：信息窗口参数属性> */
170   - pointsPolygon : function(r,pointPolygon,htm,opts_polygon) {
171   - // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
172   - mapValue.setZoom(17);
173   - // 获取多边形坐标字符串
174   - var stationBPolygonGrid = r[0].carParkBparkPoint;
175   - // 截取多边形坐标字符串
176   - var stationBPolygonGridStr = stationBPolygonGrid.substring(9,stationBPolygonGrid.length-2);
177   - // 按逗号切割
178   - var pointPolygonArray = stationBPolygonGridStr.split(',');
179   - // 多边形坐标集合
180   - var polygonP = [];
181   - for(var v = 0;v<pointPolygonArray.length;v++) {
182   - polygonP.push(new BMap.Point(pointPolygonArray[v].split(" ")[0],pointPolygonArray[v].split(" ")[1]));
183   - }
184   - // 画多边形
185   - polygon = new BMap.Polygon(polygonP, {
186   - // 线条显色
187   - strokeColor : "blue",
188   - // 边线的宽度，以像素为单位。
189   - strokeWeight : 2,
190   - // 边线透明度，取值范围0 - 1。
191   - strokeOpacity : 0.5
192   - });
193   - // 增加地图覆盖物多边形
194   - mapValue.addOverlay(polygon);
195   - // 创建信息窗口
196   - infoWindow = new BMap.InfoWindow(htm, opts_polygon);
197   - // 自定义标注物图片
198   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
199   - // 创建点
200   - marker = new BMap.Marker(pointPolygon,{icon : icon_target});
201   - // 把标注添物加到地图上
202   - mapValue.addOverlay(marker);
203   - // 是否在平移过程中禁止动画。（自1.2新增）
204   - var PanOptions_ ={noAnimation :true};
205   - // 将地图的中心点更改为给定的点。
206   - mapValue.panTo(pointPolygon,PanOptions_);
207   - // 将地图在水平位置上移动x像素，垂直位置上移动y像素。
208   - mapValue.panBy(10,-250,PanOptions_);
209   - //开启信息窗口
210   - marker.openInfoWindow(infoWindow,pointPolygon);
211   - },
212   -
213   - // 编辑图形
214   - editShapes : function(stationShapesTypeV,mindex) {
215   - // 关闭信息窗口
216   - marker.closeInfoWindow();
217   - // 清除marker
218   - mapValue.removeOverlay(marker);
219   - // 编辑圆
220   - if(stationShapesTypeV =='r') {
221   - // 开启编辑功能
222   - circle.enableEditing();
223   - // 编辑圆监听事件
224   - circle.addEventListener('dblclick',function() {
225   - // 关闭提示弹出层
226   - layer.close(mindex);
227   - // 返回圆形的半径，单位为米。
228   - var newRadius = circle.getRadius();
229   - // 返回圆形的中心点坐标。
230   - var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
231   - var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
232   - /** 设置修改停车场集合对象图形质心点属性 @param：<addSttationPoints_：多边形质心点> */
233   - EditCarParkObj.setCarParkBcenterPoint(newCenter);
234   - /** 设置修改停车场集合对象图形类型属性 @param：<shapeType：图形类型> */
235   - EditCarParkObj.setCarParkShapesType('r');
236   - /** 设置修改停车场集合对象圆形半径属性 @param：<radius：圆形半径> */
237   - EditCarParkObj.setCarParkRadius(Math.round(newRadius));
238   - /** 设置修改停车场集合对象名称 @param：<bParkPoint：多边形图形坐标集合> */
239   - EditCarParkObj.setCarParkBparkPoint('');
240   - // 加载编辑页面
241   - $.get('edit.html', function(m){
242   - $(pjaxContainer).append(m);
243   - $('#editPoitsions_carpark_mobal').trigger('editCarParkMobal_show', [CarParkPWorldsBMap,PublicFunctions,EditCarParkObj,GetAjaxData]);
244   - });
245   - });
246   - // 编辑多变行
247   - }else if(stationShapesTypeV =='d') {
248   - // 开启编辑功能(自 1.1 新增)
249   - polygon.enableEditing();
250   - // 添加多变行编辑事件
251   - polygon.addEventListener('dblclick',function(e) {
252   - // 获取编辑的多边形对象
253   - var edit_pointE = polygon;
254   - var edit_bPloygonGrid = "";
255   - var editPolyGonLen_ = edit_pointE.getPath().length;
256   - for(var k =0;k<editPolyGonLen_;k++) {
257   - if(k==0) {
258   - edit_bPloygonGrid = edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
259   - }else {
260   - edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
261   - }
262   - }
263   - edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[0].lng + ' ' + edit_pointE.getPath()[0].lat;
264   - // 多边形中心点
265   - var centre_points = edit_pointE.getBounds().getCenter().lng + ' ' + edit_pointE.getBounds().getCenter().lat;
266   - /** 设置修改停车场集合对象图形质心点属性 @param：<addSttationPoints_：多边形质心点> */
267   - EditCarParkObj.setCarParkBcenterPoint(centre_points);
268   - /** 设置修改停车场集合对象图形类型属性 @param：<shapeType：图形类型> */
269   - EditCarParkObj.setCarParkShapesType('d');
270   - /** 设置修改停车场集合对象圆形半径属性 @param：<radius：圆形半径> */
271   - EditCarParkObj.setCarParkRadius('');
272   - /** 设置修改停车场集合对象名称 @param：<bParkPoint：多边形图形坐标集合> */
273   - EditCarParkObj.setCarParkBparkPoint(edit_bPloygonGrid);
274   - $.get('edit.html', function(m){
275   - $(pjaxContainer).append(m);
276   - $('#editPoitsions_carpark_mobal').trigger('editCarParkMobal_show', [CarParkPWorldsBMap,PublicFunctions,EditCarParkObj,GetAjaxData]);
277   - });
278   - });
279   - }
280   - },
281   - clearMarkAndOverlays : function() {
282   - // 清楚地图覆盖物
283   - mapValue.clearOverlays();
284   - }
285   - }
286   - return Bmap;
  1 +/**
  2 + * 百度地图
  3 + *
  4 + */
  5 +
  6 +var CarParkPWorldsBMap = function () {
  7 +
  8 + var mapValue='',drawingManager='',marker='',circle='',polygon='';
  9 +
  10 + var Bmap = {
  11 + init : function() {
  12 + // 设置中心点,
  13 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  14 + // 百度API Key
  15 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  16 + // 初始化百度地图
  17 + mapValue = new BMap.Map("carParkbmap_basic");
  18 + //中心点和缩放级别
  19 + mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  20 + //启用地图拖拽事件，默认启用(可不写)
  21 + mapValue.enableDragging();
  22 + //启用地图滚轮放大缩小
  23 + mapValue.enableScrollWheelZoom();
  24 + //禁用鼠标双击放大
  25 + mapValue.disableDoubleClickZoom();
  26 + //启用键盘上下左右键移动地图
  27 + mapValue.enableKeyboard();
  28 + var styleOptions = {
  29 + //边线颜色。
  30 + strokeColor : "blue",
  31 + //填充颜色。当参数为空时，圆形将没有填充效果。
  32 + fillColor : "blue",
  33 + //边线的宽度，以像素为单位。
  34 + strokeWeight : 3,
  35 + //边线透明度，取值范围0 - 1。
  36 + strokeOpacity : 0.8,
  37 + //填充的透明度，取值范围0 - 1。
  38 + fillOpacity : 0.6,
  39 + //边线的样式，solid或dashed。
  40 + strokeStyle : 'solid'
  41 + };
  42 + // 创建鼠标绘制管理类
  43 + drawingManager = new BMapLib.DrawingManager(mapValue, {
  44 + //是否开启绘制模式
  45 + isOpen : false,
  46 + //是否显示工具栏
  47 + enableDrawingTool : false,
  48 + drawingToolOptions : {
  49 + //位置
  50 + anchor : BMAP_ANCHOR_TOP_RIGHT,
  51 + //偏离值
  52 + offset : new BMap.Size(5, 5),
  53 + //工具栏缩放比例
  54 + scale : 0.8
  55 + },
  56 + //线的样式
  57 + polygonOptions : styleOptions
  58 + });
  59 + // 添加绘画完成事件
  60 + drawingManager.addEventListener('polygoncomplete', function(e) {
  61 + drawingManager.close();
  62 + if (e.getPath().length <= 2) {
  63 + // 弹出提示消息
  64 + layer.msg('坐标点不能小于等于两个...');
  65 + // 清除地图覆盖物
  66 + Bmap.clearMarkAndOverlays();
  67 + // 加载该线路下所有站点位置添加到地图上
  68 + return false;
  69 + }else {
  70 + var pointE = e;
  71 + // 多变行质心点
  72 + var addSttationPoints_ = pointE.getBounds().getCenter().lng+ ' ' + pointE.getBounds().getCenter().lat;
  73 + var addPolyGonLen_ = pointE.getPath().length;
  74 + for(var k =0;k<addPolyGonLen_;k++) {
  75 + if(k==0) {
  76 + bPloygonGrid = pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
  77 + }else {
  78 + bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
  79 + }
  80 +
  81 + }
  82 + bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[0].lng + ' ' + pointE.getPath()[0].lat;
  83 + /** 设置修改停车场集合对象图形质心点属性 @param：<addSttationPoints_：多边形质心点> */
  84 + EditCarParkObj.setCarParkBcenterPoint(addSttationPoints_);
  85 + /** 设置修改停车场集合对象图形类型属性 @param：<shapeType：图形类型> */
  86 + EditCarParkObj.setCarParkShapesType('d');
  87 + /** 设置修改停车场集合对象圆形半径属性 @param：<radius：圆形半径> */
  88 + EditCarParkObj.setCarParkRadius('');
  89 + /** 设置修改停车场集合对象名称 @param：<bParkPoint：多边形图形坐标集合> */
  90 + EditCarParkObj.setCarParkBparkPoint(bPloygonGrid);
  91 + $.get('edit.html', function(m){
  92 + $(pjaxContainer).append(m);
  93 + $('#editPoitsions_carpark_mobal').trigger('editCarParkMobal_show', [CarParkPWorldsBMap,PublicFunctions,EditCarParkObj,GetAjaxData]);
  94 + });
  95 + }
  96 + });
  97 + return mapValue;
  98 + },
  99 + openDrawingManager : function() {
  100 + // 清楚地图覆盖物
  101 + // mapValue.clearOverlays();
  102 + // 打开鼠标绘画工具
  103 + drawingManager.open();
  104 + // 设置属性
  105 + drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
  106 + },
  107 + drawingManagerClose : function() {
  108 + drawingManager.close();
  109 + },
  110 + localSearchFromAdreesToPoint: function(Address) {
  111 + // 创建一个搜索类实例
  112 + var localSearch = new BMap.LocalSearch(mapValue);
  113 + // 检索完成后的回调函数。
  114 + localSearch.setSearchCompleteCallback(function (searchResult) {
  115 + var resultPoints = '';
  116 + if(searchResult) {
  117 + // 返回索引指定的结果。索引0表示第1条结果
  118 + var poi = searchResult.getPoi(0);
  119 + if(poi) {
  120 + //获取经度和纬度
  121 + var Points = poi.point.lng + ' ' + poi.point.lat;
  122 + var BJwpointsArray = Points.split(' ');
  123 + var stationNameChangePoint = new BMap.Point(BJwpointsArray[0], BJwpointsArray[1]);
  124 + var marker_stargt2 = new BMap.Marker(stationNameChangePoint);
  125 + var PanOptions ={noAnimation :true};
  126 + mapValue.panTo(stationNameChangePoint,PanOptions);
  127 + mapValue.panBy(0,-200);
  128 + // 将标注添加到地图中
  129 + mapValue.addOverlay(marker_stargt2);
  130 + //跳动的动画
  131 + marker_stargt2.setAnimation(BMAP_ANIMATION_BOUNCE);
  132 + }
  133 + }
  134 + });
  135 + // 根据检索词发起检索。
  136 + localSearch.search(Address);
  137 + },
  138 + /** 画圆 @param：<r：停车场信息；point：中心点；htm：信息窗口html文本；pots：信息窗口参数属性> */
  139 + pointsCircle : function(r,point,htm,opts) {
  140 + //创建圆
  141 + circle = new BMap.Circle(point,r[0].carParkRadius,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
  142 + // 允许覆盖物在map.clearOverlays方法中被清除
  143 + circle.enableMassClear();
  144 + // 百度地图添加覆盖物圆
  145 + mapValue.addOverlay(circle);
  146 + // 创建信息窗口
  147 + infoWindow = new BMap.InfoWindow(htm, opts);
  148 + // 自定义标注物图片
  149 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
  150 + // 创建点
  151 + marker = new BMap.Marker(point,{icon : icon_target});
  152 + // 把标注添物加到地图上
  153 + mapValue.addOverlay(marker);
  154 + setTimeout(function(){
  155 + //开启信息窗口
  156 + marker.openInfoWindow(infoWindow,point);
  157 + },100);
  158 + // 是否在平移过程中禁止动画。（自1.2新增）
  159 + var PanOptions_ ={noAnimation :true};
  160 + // 将地图的中心点更改为给定的点。
  161 + mapValue.panTo(point,PanOptions_);
  162 + // 添加标志物监听事件
  163 + marker.addEventListener("click",function() {
  164 + //开启信息窗口
  165 + marker.openInfoWindow(infoWindow,point);
  166 + });
  167 + },
  168 +
  169 + /** 画多边形 @param：<r：停车场信息；point：中心点；htm：信息窗口html文本；pots：信息窗口参数属性> */
  170 + pointsPolygon : function(r,pointPolygon,htm,opts_polygon) {
  171 + // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
  172 + mapValue.setZoom(17);
  173 + // 获取多边形坐标字符串
  174 + var stationBPolygonGrid = r[0].carParkBparkPoint;
  175 + // 截取多边形坐标字符串
  176 + var stationBPolygonGridStr = stationBPolygonGrid.substring(9,stationBPolygonGrid.length-2);
  177 + // 按逗号切割
  178 + var pointPolygonArray = stationBPolygonGridStr.split(',');
  179 + // 多边形坐标集合
  180 + var polygonP = [];
  181 + for(var v = 0;v<pointPolygonArray.length;v++) {
  182 + polygonP.push(new BMap.Point(pointPolygonArray[v].split(" ")[0],pointPolygonArray[v].split(" ")[1]));
  183 + }
  184 + // 画多边形
  185 + polygon = new BMap.Polygon(polygonP, {
  186 + // 线条显色
  187 + strokeColor : "blue",
  188 + // 边线的宽度，以像素为单位。
  189 + strokeWeight : 2,
  190 + // 边线透明度，取值范围0 - 1。
  191 + strokeOpacity : 0.5
  192 + });
  193 + // 增加地图覆盖物多边形
  194 + mapValue.addOverlay(polygon);
  195 + // 创建信息窗口
  196 + infoWindow = new BMap.InfoWindow(htm, opts_polygon);
  197 + // 自定义标注物图片
  198 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
  199 + // 创建点
  200 + marker = new BMap.Marker(pointPolygon,{icon : icon_target});
  201 + // 把标注添物加到地图上
  202 + mapValue.addOverlay(marker);
  203 + // 是否在平移过程中禁止动画。（自1.2新增）
  204 + var PanOptions_ ={noAnimation :true};
  205 + // 将地图的中心点更改为给定的点。
  206 + mapValue.panTo(pointPolygon,PanOptions_);
  207 + // 将地图在水平位置上移动x像素，垂直位置上移动y像素。
  208 + mapValue.panBy(10,-250,PanOptions_);
  209 + //开启信息窗口
  210 + marker.openInfoWindow(infoWindow,pointPolygon);
  211 + },
  212 +
  213 + // 编辑图形
  214 + editShapes : function(stationShapesTypeV,mindex) {
  215 + // 关闭信息窗口
  216 + marker.closeInfoWindow();
  217 + // 清除marker
  218 + mapValue.removeOverlay(marker);
  219 + // 编辑圆
  220 + if(stationShapesTypeV =='r') {
  221 + // 开启编辑功能
  222 + circle.enableEditing();
  223 + // 编辑圆监听事件
  224 + circle.addEventListener('dblclick',function() {
  225 + // 关闭提示弹出层
  226 + layer.close(mindex);
  227 + // 返回圆形的半径，单位为米。
  228 + var newRadius = circle.getRadius();
  229 + // 返回圆形的中心点坐标。
  230 + var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
  231 + var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
  232 + /** 设置修改停车场集合对象图形质心点属性 @param：<addSttationPoints_：多边形质心点> */
  233 + EditCarParkObj.setCarParkBcenterPoint(newCenter);
  234 + /** 设置修改停车场集合对象图形类型属性 @param：<shapeType：图形类型> */
  235 + EditCarParkObj.setCarParkShapesType('r');
  236 + /** 设置修改停车场集合对象圆形半径属性 @param：<radius：圆形半径> */
  237 + EditCarParkObj.setCarParkRadius(Math.round(newRadius));
  238 + /** 设置修改停车场集合对象名称 @param：<bParkPoint：多边形图形坐标集合> */
  239 + EditCarParkObj.setCarParkBparkPoint('');
  240 + // 加载编辑页面
  241 + $.get('edit.html', function(m){
  242 + $(pjaxContainer).append(m);
  243 + $('#editPoitsions_carpark_mobal').trigger('editCarParkMobal_show', [CarParkPWorldsBMap,PublicFunctions,EditCarParkObj,GetAjaxData]);
  244 + });
  245 + });
  246 + // 编辑多变行
  247 + }else if(stationShapesTypeV =='d') {
  248 + // 开启编辑功能(自 1.1 新增)
  249 + polygon.enableEditing();
  250 + // 添加多变行编辑事件
  251 + polygon.addEventListener('dblclick',function(e) {
  252 + // 获取编辑的多边形对象
  253 + var edit_pointE = polygon;
  254 + var edit_bPloygonGrid = "";
  255 + var editPolyGonLen_ = edit_pointE.getPath().length;
  256 + for(var k =0;k<editPolyGonLen_;k++) {
  257 + if(k==0) {
  258 + edit_bPloygonGrid = edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
  259 + }else {
  260 + edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
  261 + }
  262 + }
  263 + edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[0].lng + ' ' + edit_pointE.getPath()[0].lat;
  264 + // 多边形中心点
  265 + var centre_points = edit_pointE.getBounds().getCenter().lng + ' ' + edit_pointE.getBounds().getCenter().lat;
  266 + /** 设置修改停车场集合对象图形质心点属性 @param：<addSttationPoints_：多边形质心点> */
  267 + EditCarParkObj.setCarParkBcenterPoint(centre_points);
  268 + /** 设置修改停车场集合对象图形类型属性 @param：<shapeType：图形类型> */
  269 + EditCarParkObj.setCarParkShapesType('d');
  270 + /** 设置修改停车场集合对象圆形半径属性 @param：<radius：圆形半径> */
  271 + EditCarParkObj.setCarParkRadius('');
  272 + /** 设置修改停车场集合对象名称 @param：<bParkPoint：多边形图形坐标集合> */
  273 + EditCarParkObj.setCarParkBparkPoint(edit_bPloygonGrid);
  274 + $.get('edit.html', function(m){
  275 + $(pjaxContainer).append(m);
  276 + $('#editPoitsions_carpark_mobal').trigger('editCarParkMobal_show', [CarParkPWorldsBMap,PublicFunctions,EditCarParkObj,GetAjaxData]);
  277 + });
  278 + });
  279 + }
  280 + },
  281 + clearMarkAndOverlays : function() {
  282 + // 清楚地图覆盖物
  283 + mapValue.clearOverlays();
  284 + }
  285 + }
  286 + return Bmap;
287 287 }();
288 288 \ No newline at end of file
... ...
src/main/resources/static/pages/base/geo_data_edit/main.html
  View file @9bdbb71
... ... @@ -126,7 +126,7 @@
126 126 {{/if}}
127 127 </script>
128 128 <!-- 百度 -->
129   -<script src="//api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
  129 +<script src="//api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
130 130 <script src="/metronic_v4.5.4/plugins/jquery.min.js"></script>
131 131 <script src="/assets/plugins/uk3.0/uikit.min.js"></script>
132 132 <script src="/assets/plugins/uk3.0/uikit-icons.min.js"></script>
... ...
src/main/resources/static/pages/base/line/js/map.js
  View file @9bdbb71
... ... @@ -24,7 +24,7 @@ var WorldsBMapLine = function () {
24 24 var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
25 25  
26 26 // 百度API Key
27   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
  27 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
28 28  
29 29 // 初始化百度地图
30 30 mapBValue = new BMap.Map("bmap_basic");
... ...
src/main/resources/static/pages/base/roadspeed/js/add-vmap-world.js
  View file @9bdbb71
... ... @@ -3,7 +3,7 @@ var SectionVmapWorlds = function() {
3 3 var Bmap = {
4 4 init : function() {
5 5 var CENTER_POINT = {lng : 121.528733,lat : 31.237425};// 设置中心点.
6   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';// 百度API Key
  6 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';// 百度API Key
7 7 mapB = new BMap.Map("roadBmap_basic");// 初始化百度地图
8 8 mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);//中心点和缩放级别
9 9 mapB.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
... ...
src/main/resources/static/pages/base/roadspeed/js/roadspeed-positions-map.js
  View file @9bdbb71
1   -/**
2   - * @description : (TODO) 百度地图
3   - *
4   - * @author bsth@lq
5   - *
6   - * @version 1.0
7   - *
8   - */
9   -
10   -var RoadspeedPWorldsBMap = function () {
11   - // 定义地图对象、地图覆盖物、线性几何图形.
12   - var mapValue = '',marker='', polyUpline='';
13   - var Bmap = {
14   - // 初始化地图.
15   - init : function() {
16   - // 设置中心点
17   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
18   - // 百度API Key
19   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
20   - // 初始化百度地图
21   - mapValue = new BMap.Map('roadspeedPbmap_basic');
22   - //中心点和缩放级别
23   - mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
24   - //启用地图拖拽事件，默认启用(可不写)
25   - mapValue.enableDragging();
26   - //启用地图滚轮放大缩小
27   - mapValue.enableScrollWheelZoom();
28   - //禁用鼠标双击放大
29   - mapValue.disableDoubleClickZoom();
30   - //启用键盘上下左右键移动地图
31   - mapValue.enableKeyboard();
32   - return mapValue;
33   - },
34   - // 绘制线路走向线性几何图形.
35   - drawingUpline : function(r) {
36   - var bRoadVectorStr = r.bRoadVector;
37   - var tempStr = bRoadVectorStr.substring(11,bRoadVectorStr.length-1);
38   - var lineArray = tempStr.split(',');
39   - var polylineArray = [];
40   - var lineaLen = lineArray.length
41   - for(var i = 0;i<lineaLen;i++) {
42   - polylineArray.push(new BMap.Point(lineArray[i].split(' ')[0],lineArray[i].split(' ')[1]));
43   - }
44   - var centerI = Math.ceil(lineaLen/2);
45   - // 中心坐标点
46   - var point = new BMap.Point(lineArray[centerI].split(' ')[0],lineArray[centerI].split(' ')[1]);
47   - // 创建线路走向
48   - polyUpline = new BMap.Polyline(polylineArray, {strokeColor : "#5298ff",strokeWeight : 6,strokeOpacity :1,strokeStyle:'solid'});
49   - // 把折线添加到地图上
50   - mapValue.addOverlay(polyUpline);
51   - // 信息窗口参数属性
52   - var opts = {
53   - // 信息窗口宽度
54   - width : 200,
55   - // 信息窗口高度
56   - height : 300,
57   - // 信息窗位置偏移值。
58   - offset: new BMap.Size(500,-80),
59   - //标题
60   - title : '<h4 style="color:#FFFFFF">'+r.name+'详情</h4>',
61   - //设置不允许信窗发送短息
62   - enableMessage : false,
63   - //是否开启点击地图关闭信息窗口
64   - enableCloseOnClick : false,
65   - // 是否开启信息窗口打开时地图自动移动（默认开启）。(自 1.1 新增)
66   - enableAutoPan:true
67   - };
68   - var htm = '<HR style="border:1 dashed #987cb9" width="100%" color=#987cb9 SIZE=1>'+
69   - '<span style="color:#DDD;font-size: 15px;">路段名称：' + r.name + '</span>' +
70   - '<span class="help-block" style="color:#DDD;font-size: 15px;">限速开始时间：' + r.speedStartDate + '</span>' +
71   - '<span class="help-block" style="color:#DDD;font-size: 15px;">限速结束时间：' + r.speedEndDate + '</span>' +
72   - '<span class="help-block" style="color:#DDD;font-size: 15px;">限　　速：' + r.speed + '</span>';
73   - // 创建信息窗口
74   - var infoWindow_target = new BMap.InfoWindow(htm, opts);
75   - // 自定义标注物图片
76   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/blank.gif',new BMap.Size(20, 20));
77   - // 创建点
78   - marker = new BMap.Marker(point,{icon : icon_target});
79   - // 把标注添物加到地图上
80   - mapValue.addOverlay(marker);
81   - //开启信息窗口
82   - marker.openInfoWindow(infoWindow_target,point);
83   - var PanOptions_ ={noAnimation :true};
84   - mapValue.reset();
85   - mapValue.panTo(point,PanOptions_);
86   - mapValue.panBy(0,-110,PanOptions_);
87   - mapValue.setZoom(14);
88   - },
89   - // 编辑线路走向几何线性图形.
90   - editPolyUpline : function() {
91   - // 禁止覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
92   - polyUpline.disableMassClear();
93   - RoadspeedPWorldsBMap.clearMarkAndOverlays();
94   - // 允许覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
95   - polyUpline.enableMassClear();
96   - // 开启线路编辑
97   - polyUpline.enableEditing();
98   - // 添加双击折线保存事件
99   - polyUpline.addEventListener('dblclick',function(e) {
100   - // 关闭
101   - layer.closeAll();
102   - polyUpline.disableEditing();
103   - // 获取折线坐标集合
104   - var editPloyLineArray = polyUpline.getPath();
105   - EditRoadspeedObj.setEitdBroadspeedVector(JSON.stringify(editPloyLineArray));
106   - polyUpline= '';
107   - // 加载修改路段弹出层mobal页面
108   - $.get('editroadspeed.html', function(m){
109   - $(pjaxContainer).append(m);
110   - $('#edit_roadspeed_mobal').trigger('editRoadspeedMobal_show', [RoadspeedPWorldsBMap,GetAjaxData,EditRoadspeedObj,PositionsPublicFunctions]);
111   - });
112   - });
113   - },
114   - // 清楚地图覆盖物
115   - clearMarkAndOverlays : function() {
116   - mapValue.clearOverlays();
117   - mapValue.removeOverlay();
118   - }
119   - }
120   - return Bmap;
  1 +/**
  2 + * @description : (TODO) 百度地图
  3 + *
  4 + * @author bsth@lq
  5 + *
  6 + * @version 1.0
  7 + *
  8 + */
  9 +
  10 +var RoadspeedPWorldsBMap = function () {
  11 + // 定义地图对象、地图覆盖物、线性几何图形.
  12 + var mapValue = '',marker='', polyUpline='';
  13 + var Bmap = {
  14 + // 初始化地图.
  15 + init : function() {
  16 + // 设置中心点
  17 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  18 + // 百度API Key
  19 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  20 + // 初始化百度地图
  21 + mapValue = new BMap.Map('roadspeedPbmap_basic');
  22 + //中心点和缩放级别
  23 + mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  24 + //启用地图拖拽事件，默认启用(可不写)
  25 + mapValue.enableDragging();
  26 + //启用地图滚轮放大缩小
  27 + mapValue.enableScrollWheelZoom();
  28 + //禁用鼠标双击放大
  29 + mapValue.disableDoubleClickZoom();
  30 + //启用键盘上下左右键移动地图
  31 + mapValue.enableKeyboard();
  32 + return mapValue;
  33 + },
  34 + // 绘制线路走向线性几何图形.
  35 + drawingUpline : function(r) {
  36 + var bRoadVectorStr = r.bRoadVector;
  37 + var tempStr = bRoadVectorStr.substring(11,bRoadVectorStr.length-1);
  38 + var lineArray = tempStr.split(',');
  39 + var polylineArray = [];
  40 + var lineaLen = lineArray.length
  41 + for(var i = 0;i<lineaLen;i++) {
  42 + polylineArray.push(new BMap.Point(lineArray[i].split(' ')[0],lineArray[i].split(' ')[1]));
  43 + }
  44 + var centerI = Math.ceil(lineaLen/2);
  45 + // 中心坐标点
  46 + var point = new BMap.Point(lineArray[centerI].split(' ')[0],lineArray[centerI].split(' ')[1]);
  47 + // 创建线路走向
  48 + polyUpline = new BMap.Polyline(polylineArray, {strokeColor : "#5298ff",strokeWeight : 6,strokeOpacity :1,strokeStyle:'solid'});
  49 + // 把折线添加到地图上
  50 + mapValue.addOverlay(polyUpline);
  51 + // 信息窗口参数属性
  52 + var opts = {
  53 + // 信息窗口宽度
  54 + width : 200,
  55 + // 信息窗口高度
  56 + height : 300,
  57 + // 信息窗位置偏移值。
  58 + offset: new BMap.Size(500,-80),
  59 + //标题
  60 + title : '<h4 style="color:#FFFFFF">'+r.name+'详情</h4>',
  61 + //设置不允许信窗发送短息
  62 + enableMessage : false,
  63 + //是否开启点击地图关闭信息窗口
  64 + enableCloseOnClick : false,
  65 + // 是否开启信息窗口打开时地图自动移动（默认开启）。(自 1.1 新增)
  66 + enableAutoPan:true
  67 + };
  68 + var htm = '<HR style="border:1 dashed #987cb9" width="100%" color=#987cb9 SIZE=1>'+
  69 + '<span style="color:#DDD;font-size: 15px;">路段名称：' + r.name + '</span>' +
  70 + '<span class="help-block" style="color:#DDD;font-size: 15px;">限速开始时间：' + r.speedStartDate + '</span>' +
  71 + '<span class="help-block" style="color:#DDD;font-size: 15px;">限速结束时间：' + r.speedEndDate + '</span>' +
  72 + '<span class="help-block" style="color:#DDD;font-size: 15px;">限　　速：' + r.speed + '</span>';
  73 + // 创建信息窗口
  74 + var infoWindow_target = new BMap.InfoWindow(htm, opts);
  75 + // 自定义标注物图片
  76 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/blank.gif',new BMap.Size(20, 20));
  77 + // 创建点
  78 + marker = new BMap.Marker(point,{icon : icon_target});
  79 + // 把标注添物加到地图上
  80 + mapValue.addOverlay(marker);
  81 + //开启信息窗口
  82 + marker.openInfoWindow(infoWindow_target,point);
  83 + var PanOptions_ ={noAnimation :true};
  84 + mapValue.reset();
  85 + mapValue.panTo(point,PanOptions_);
  86 + mapValue.panBy(0,-110,PanOptions_);
  87 + mapValue.setZoom(14);
  88 + },
  89 + // 编辑线路走向几何线性图形.
  90 + editPolyUpline : function() {
  91 + // 禁止覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
  92 + polyUpline.disableMassClear();
  93 + RoadspeedPWorldsBMap.clearMarkAndOverlays();
  94 + // 允许覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
  95 + polyUpline.enableMassClear();
  96 + // 开启线路编辑
  97 + polyUpline.enableEditing();
  98 + // 添加双击折线保存事件
  99 + polyUpline.addEventListener('dblclick',function(e) {
  100 + // 关闭
  101 + layer.closeAll();
  102 + polyUpline.disableEditing();
  103 + // 获取折线坐标集合
  104 + var editPloyLineArray = polyUpline.getPath();
  105 + EditRoadspeedObj.setEitdBroadspeedVector(JSON.stringify(editPloyLineArray));
  106 + polyUpline= '';
  107 + // 加载修改路段弹出层mobal页面
  108 + $.get('editroadspeed.html', function(m){
  109 + $(pjaxContainer).append(m);
  110 + $('#edit_roadspeed_mobal').trigger('editRoadspeedMobal_show', [RoadspeedPWorldsBMap,GetAjaxData,EditRoadspeedObj,PositionsPublicFunctions]);
  111 + });
  112 + });
  113 + },
  114 + // 清楚地图覆盖物
  115 + clearMarkAndOverlays : function() {
  116 + mapValue.clearOverlays();
  117 + mapValue.removeOverlay();
  118 + }
  119 + }
  120 + return Bmap;
121 121 }();
122 122 \ No newline at end of file
... ...
src/main/resources/static/pages/base/section/js/add-vmap-world.js
  View file @9bdbb71
... ... @@ -3,7 +3,7 @@ var SectionVmapWorlds = function() {
3 3 var Bmap = {
4 4 init : function() {
5 5 var CENTER_POINT = {lng : 121.528733,lat : 31.237425};// 设置中心点.
6   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';// 百度API Key
  6 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';// 百度API Key
7 7 mapB = new BMap.Map("sectionBmap_basic");// 初始化百度地图
8 8 mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);//中心点和缩放级别
9 9 mapB.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
... ...
src/main/resources/static/pages/base/section/js/section-positions-map.js
  View file @9bdbb71
1   -/**
2   - * @description : (TODO) 百度地图
3   - *
4   - * @author bsth@lq
5   - *
6   - * @version 1.0
7   - *
8   - */
9   -
10   -var SectionPWorldsBMap = function () {
11   - // 定义地图对象、地图覆盖物、线性几何图形.
12   - var mapValue = '',marker='', polyUpline='';
13   - var Bmap = {
14   - // 初始化地图.
15   - init : function() {
16   - // 设置中心点
17   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
18   - // 百度API Key
19   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
20   - // 初始化百度地图
21   - mapValue = new BMap.Map('sectionPbmap_basic');
22   - //中心点和缩放级别
23   - mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
24   - //启用地图拖拽事件，默认启用(可不写)
25   - mapValue.enableDragging();
26   - //启用地图滚轮放大缩小
27   - mapValue.enableScrollWheelZoom();
28   - //禁用鼠标双击放大
29   - mapValue.disableDoubleClickZoom();
30   - //启用键盘上下左右键移动地图
31   - mapValue.enableKeyboard();
32   - return mapValue;
33   - },
34   - // 绘制线路走向线性几何图形.
35   - drawingUpline : function(r) {
36   - var sectionBsectionVectorStr = r[0].sectionBsectionVector;
37   - var tempStr = sectionBsectionVectorStr.substring(11,sectionBsectionVectorStr.length-1);
38   - var lineArray = tempStr.split(',');
39   - var polylineArray = [];
40   - var lineaLen = lineArray.length
41   - for(var i = 0;i<lineaLen;i++) {
42   - polylineArray.push(new BMap.Point(lineArray[i].split(' ')[0],lineArray[i].split(' ')[1]));
43   - }
44   - var centerI = Math.ceil(lineaLen/2);
45   - // 中心坐标点
46   - var point = new BMap.Point(lineArray[centerI].split(' ')[0],lineArray[centerI].split(' ')[1]);
47   - // 创建线路走向
48   - polyUpline = new BMap.Polyline(polylineArray, {strokeColor : "#5298ff",strokeWeight : 6,strokeOpacity :1,strokeStyle:'solid'});
49   - // 把折线添加到地图上
50   - mapValue.addOverlay(polyUpline);
51   - // 信息窗口参数属性
52   - var opts = {
53   - // 信息窗口宽度
54   - width : 200,
55   - // 信息窗口高度
56   - height : 450,
57   - // 信息窗位置偏移值。
58   - offset: new BMap.Size(500,-80),
59   - //标题
60   - title : '<h4 style="color:#FFFFFF">'+r[0].sectionName+'站详情</h4>',
61   - //设置不允许信窗发送短息
62   - enableMessage : false,
63   - //是否开启点击地图关闭信息窗口
64   - enableCloseOnClick : false,
65   - // 是否开启信息窗口打开时地图自动移动（默认开启）。(自 1.1 新增)
66   - enableAutoPan:true
67   - };
68   - var htm = '<HR style="border:1 dashed #987cb9" width="100%" color=#987cb9 SIZE=1>'+
69   - '<span style="color:#DDD;font-size: 15px;">路段名称：' + r[0].sectionName + '</span>' +
70   - '<span class="help-block" style="color:#DDD;font-size: 15px;">路段编码：' + r[0].sectionCode + '</span>' +
71   - '<span class="help-block" style="color:#DDD;font-size: 15px;">路段序号：' + r[0].sectionRouteCode + '</span>' +
72   - '<span class="help-block" style="color:#DDD;font-size: 15px;">限　　速：' + r[0].sectionSpeedLimit + '</span>' +
73   - '<span class="help-block" style="color:#DDD;font-size: 15px;">路段长度：' + r[0].sectionDistance + '</span>' +
74   - '<span class="help-block" style="color:#DDD;font-size: 15px;">路段时间：' + r[0].sectionTime + '</span>' +
75   - '<span class="help-block" style="width: 100%;font-size: 15px;;color:#DDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; " title="'+ 'ddd' +'" >说明/描述：' + 'ddd' + '</span>' ;
76   - // 创建信息窗口
77   - var infoWindow_target = new BMap.InfoWindow(htm, opts);
78   - // 自定义标注物图片
79   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/blank.gif',new BMap.Size(20, 20));
80   - // 创建点
81   - marker = new BMap.Marker(point,{icon : icon_target});
82   - // 把标注添物加到地图上
83   - mapValue.addOverlay(marker);
84   - //开启信息窗口
85   - marker.openInfoWindow(infoWindow_target,point);
86   - var PanOptions_ ={noAnimation :true};
87   - mapValue.reset();
88   - mapValue.panTo(point,PanOptions_);
89   - mapValue.panBy(0,-110,PanOptions_);
90   - mapValue.setZoom(14);
91   - },
92   - // 编辑线路走向几何线性图形.
93   - editPolyUpline : function() {
94   - // 禁止覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
95   - polyUpline.disableMassClear();
96   - SectionPWorldsBMap.clearMarkAndOverlays();
97   - // 允许覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
98   - polyUpline.enableMassClear();
99   - // 开启线路编辑
100   - polyUpline.enableEditing();
101   - // 添加双击折线保存事件
102   - polyUpline.addEventListener('dblclick',function(e) {
103   - // 关闭
104   - layer.closeAll();
105   - polyUpline.disableEditing();
106   - // 获取折线坐标集合
107   - var editPloyLineArray = polyUpline.getPath();
108   - EditSectionObj.setEitdBsectionVector(JSON.stringify(editPloyLineArray));
109   - polyUpline= '';
110   - // 加载修改路段弹出层mobal页面
111   - $.get('editsection.html', function(m){
112   - $(pjaxContainer).append(m);
113   - $('#edit_section_mobal').trigger('editSectionMobal_show', [SectionPWorldsBMap,GetAjaxData,EditSectionObj,PositionsPublicFunctions]);
114   - });
115   - });
116   - },
117   - // 清楚地图覆盖物
118   - clearMarkAndOverlays : function() {
119   - mapValue.clearOverlays();
120   - mapValue.removeOverlay();
121   - }
122   - }
123   - return Bmap;
  1 +/**
  2 + * @description : (TODO) 百度地图
  3 + *
  4 + * @author bsth@lq
  5 + *
  6 + * @version 1.0
  7 + *
  8 + */
  9 +
  10 +var SectionPWorldsBMap = function () {
  11 + // 定义地图对象、地图覆盖物、线性几何图形.
  12 + var mapValue = '',marker='', polyUpline='';
  13 + var Bmap = {
  14 + // 初始化地图.
  15 + init : function() {
  16 + // 设置中心点
  17 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  18 + // 百度API Key
  19 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  20 + // 初始化百度地图
  21 + mapValue = new BMap.Map('sectionPbmap_basic');
  22 + //中心点和缩放级别
  23 + mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  24 + //启用地图拖拽事件，默认启用(可不写)
  25 + mapValue.enableDragging();
  26 + //启用地图滚轮放大缩小
  27 + mapValue.enableScrollWheelZoom();
  28 + //禁用鼠标双击放大
  29 + mapValue.disableDoubleClickZoom();
  30 + //启用键盘上下左右键移动地图
  31 + mapValue.enableKeyboard();
  32 + return mapValue;
  33 + },
  34 + // 绘制线路走向线性几何图形.
  35 + drawingUpline : function(r) {
  36 + var sectionBsectionVectorStr = r[0].sectionBsectionVector;
  37 + var tempStr = sectionBsectionVectorStr.substring(11,sectionBsectionVectorStr.length-1);
  38 + var lineArray = tempStr.split(',');
  39 + var polylineArray = [];
  40 + var lineaLen = lineArray.length
  41 + for(var i = 0;i<lineaLen;i++) {
  42 + polylineArray.push(new BMap.Point(lineArray[i].split(' ')[0],lineArray[i].split(' ')[1]));
  43 + }
  44 + var centerI = Math.ceil(lineaLen/2);
  45 + // 中心坐标点
  46 + var point = new BMap.Point(lineArray[centerI].split(' ')[0],lineArray[centerI].split(' ')[1]);
  47 + // 创建线路走向
  48 + polyUpline = new BMap.Polyline(polylineArray, {strokeColor : "#5298ff",strokeWeight : 6,strokeOpacity :1,strokeStyle:'solid'});
  49 + // 把折线添加到地图上
  50 + mapValue.addOverlay(polyUpline);
  51 + // 信息窗口参数属性
  52 + var opts = {
  53 + // 信息窗口宽度
  54 + width : 200,
  55 + // 信息窗口高度
  56 + height : 450,
  57 + // 信息窗位置偏移值。
  58 + offset: new BMap.Size(500,-80),
  59 + //标题
  60 + title : '<h4 style="color:#FFFFFF">'+r[0].sectionName+'站详情</h4>',
  61 + //设置不允许信窗发送短息
  62 + enableMessage : false,
  63 + //是否开启点击地图关闭信息窗口
  64 + enableCloseOnClick : false,
  65 + // 是否开启信息窗口打开时地图自动移动（默认开启）。(自 1.1 新增)
  66 + enableAutoPan:true
  67 + };
  68 + var htm = '<HR style="border:1 dashed #987cb9" width="100%" color=#987cb9 SIZE=1>'+
  69 + '<span style="color:#DDD;font-size: 15px;">路段名称：' + r[0].sectionName + '</span>' +
  70 + '<span class="help-block" style="color:#DDD;font-size: 15px;">路段编码：' + r[0].sectionCode + '</span>' +
  71 + '<span class="help-block" style="color:#DDD;font-size: 15px;">路段序号：' + r[0].sectionRouteCode + '</span>' +
  72 + '<span class="help-block" style="color:#DDD;font-size: 15px;">限　　速：' + r[0].sectionSpeedLimit + '</span>' +
  73 + '<span class="help-block" style="color:#DDD;font-size: 15px;">路段长度：' + r[0].sectionDistance + '</span>' +
  74 + '<span class="help-block" style="color:#DDD;font-size: 15px;">路段时间：' + r[0].sectionTime + '</span>' +
  75 + '<span class="help-block" style="width: 100%;font-size: 15px;;color:#DDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; " title="'+ 'ddd' +'" >说明/描述：' + 'ddd' + '</span>' ;
  76 + // 创建信息窗口
  77 + var infoWindow_target = new BMap.InfoWindow(htm, opts);
  78 + // 自定义标注物图片
  79 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/blank.gif',new BMap.Size(20, 20));
  80 + // 创建点
  81 + marker = new BMap.Marker(point,{icon : icon_target});
  82 + // 把标注添物加到地图上
  83 + mapValue.addOverlay(marker);
  84 + //开启信息窗口
  85 + marker.openInfoWindow(infoWindow_target,point);
  86 + var PanOptions_ ={noAnimation :true};
  87 + mapValue.reset();
  88 + mapValue.panTo(point,PanOptions_);
  89 + mapValue.panBy(0,-110,PanOptions_);
  90 + mapValue.setZoom(14);
  91 + },
  92 + // 编辑线路走向几何线性图形.
  93 + editPolyUpline : function() {
  94 + // 禁止覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
  95 + polyUpline.disableMassClear();
  96 + SectionPWorldsBMap.clearMarkAndOverlays();
  97 + // 允许覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
  98 + polyUpline.enableMassClear();
  99 + // 开启线路编辑
  100 + polyUpline.enableEditing();
  101 + // 添加双击折线保存事件
  102 + polyUpline.addEventListener('dblclick',function(e) {
  103 + // 关闭
  104 + layer.closeAll();
  105 + polyUpline.disableEditing();
  106 + // 获取折线坐标集合
  107 + var editPloyLineArray = polyUpline.getPath();
  108 + EditSectionObj.setEitdBsectionVector(JSON.stringify(editPloyLineArray));
  109 + polyUpline= '';
  110 + // 加载修改路段弹出层mobal页面
  111 + $.get('editsection.html', function(m){
  112 + $(pjaxContainer).append(m);
  113 + $('#edit_section_mobal').trigger('editSectionMobal_show', [SectionPWorldsBMap,GetAjaxData,EditSectionObj,PositionsPublicFunctions]);
  114 + });
  115 + });
  116 + },
  117 + // 清楚地图覆盖物
  118 + clearMarkAndOverlays : function() {
  119 + mapValue.clearOverlays();
  120 + mapValue.removeOverlay();
  121 + }
  122 + }
  123 + return Bmap;
124 124 }();
125 125 \ No newline at end of file
... ...
src/main/resources/static/pages/base/sectionspeed/js/map.js
  View file @9bdbb71
1   -/**
2   - * @description TODO(路段限速地图JS模块)
3   - *
4   - * @author bsth@lq
5   - *
6   - * @date 二〇一六年十月二十一日 15:34:33
7   - *
8   - */
9   -
10   -var SectionSpeedVmapWorlds = function() {
11   -
12   - /** 路段限速地图JS模块下的全局变量 <mapB：地图对象；drawingManager：鼠标绘制对象；polyUpline：线路走向对象；bitsPolyline：路段对象> */
13   - var mapB = '', drawingManager = '',polyUpline = '',bitsPolyline='';
14   -
15   - var overlays = [];
16   -
17   - /** 路段限速地图JS模块下的全局变量---鼠标绘制参数
18   - * <strokeColor:边线颜色；
19   - * fillColor：填充颜色。当参数为空时，圆形将没有填充效果；
20   - * strokeWeight： 边线的宽度，以像素为单位
21   - * strokeOpacity：边线透明度，取值范围0 - 1；
22   - * fillOpacity：填充的透明度，取值范围0 - 1；
23   - * strokeStyle：边线的样式，solid或dashed> */
24   - var styleOptions = {strokeColor : "red", fillColor : "red", strokeWeight : 3,strokeOpacity : 0.8,fillOpacity : 0.6, strokeStyle : 'solid'};
25   -
26   - /** 鼠标工具参数
27   - * <anchor：位置；
28   - * offset：偏离值；
29   - * scale：工具栏缩放比例；
30   - * drawingModes：工具模型> */
31   - var drawingToolOptions = {anchor : BMAP_ANCHOR_TOP_LEFT, offset : new BMap.Size(80, 5),scale : 0.8,drawingModes:[BMAP_DRAWING_POLYLINE]};
32   -
33   - /** 路段限速地图JS模块下的全局变量---鼠标监听时间参数
34   - * <isOpen：是否开启绘制模式；
35   - * enableDrawingTool：是否显示工具栏；
36   - * drawingToolOptions：鼠标工具参数；
37   - * polylineOptions：线的样式> */
38   - var drawingManagerOptions = {isOpen : false,enableDrawingTool : false,drawingToolOptions : drawingToolOptions,polylineOptions : styleOptions,}
39   -
40   - /** 鼠标监听事件 */
41   - function addDrawingManagerEvent(e,overlay) {}
42   -
43   - /** 地图绘制地图走向参数 */
44   - var polylineOptions = {strokeColor : "blue",strokeWeight : 6,strokeOpacity : 0.5};
45   -
46   - /** 自定义标注物图片 */
47   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/gjzd.png',new BMap.Size(10, 10));
48   -
49   - /** 创建标注物参数 */
50   - var RichMarkerOptions = {"anchor" : new BMap.Size(-10,8), "enableDragging" : true};
51   -
52   - var Bmap = {
53   -
54   - /** 初始化地图 */
55   - init : function() {
56   -
57   - /** 设置中心点 */
58   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
59   -
60   - /** 百度API Key */
61   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
62   -
63   - /** 初始化百度地图 */
64   - mapB = new BMap.Map("mapContainer",{enableMapClick:false});
65   -
66   - /** 中心点和缩放级别 */
67   - mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
68   -
69   - /** 启用地图拖拽事件，默认启用(可不写) */
70   - mapB.enableDragging();
71   -
72   - /** 启用地图滚轮放大缩小 */
73   - mapB.enableScrollWheelZoom();
74   -
75   - /** 禁用鼠标双击放大 */
76   - mapB.disableDoubleClickZoom();
77   -
78   - /** 启用键盘上下左右键移动地图 */
79   - mapB.enableKeyboard();
80   -
81   - /** 创建鼠标绘制管理类 */
82   - // drawingManager = new BMapLib.DrawingManager(mapB, drawingManagerOptions);
83   -
84   - /** 添加绘画完成事件 */
85   - // drawingManager.addEventListener('polylinecomplete', addDrawingManagerEvent);
86   -
87   - return mapB;
88   - },
89   -
90   - /** 关闭信息窗口 */
91   - closeMapInfoWin:function() {
92   -
93   - mapB.closeInfoWindow();
94   -
95   - },
96   -
97   - /** 在地图上画出线路走向 */
98   - drawingUpline : function (polylineArray,resultdata) {
99   -
100   - /** 创建线路走向 */
101   - polyUpline = new BMap.Polyline(polylineArray,polylineOptions);
102   -
103   - /** 把折线添加到地图上 */
104   - mapB.addOverlay(polyUpline);
105   -
106   - var ceter_index = Math.round(resultdata.length / 2);
107   -
108   - var ceterPointsStr = resultdata[ceter_index].bJwpoints;
109   -
110   - var ceterPointsArray = ceterPointsStr.split(' ');
111   -
112   - var polyline_center = new BMap.Point(ceterPointsArray[0],ceterPointsArray[1]);
113   -
114   - var PanOptions_ ={noAnimation :true};
115   -
116   - mapB.reset();
117   -
118   - mapB.panTo(polyline_center,PanOptions_);
119   -
120   - mapB.setZoom(14);
121   -
122   - },
123   -
124   - /** 在地图上画出路段 */
125   - drawingSecitons : function(polylineArray) {
126   -
127   - /** 创建路段 */
128   - bitsPolyline = new BMap.Polyline(polylineArray, {strokeColor : "red",strokeWeight : 6,strokeOpacity : 0.5});
129   -
130   - /** 把路段添加到地图上 */
131   - mapB.addOverlay(bitsPolyline);
132   - },
133   -
134   -
135   - /** 在地图上画点 @param：<point_center：中心坐标点> */
136   - drawingUpStationPoint : function(point_center,stationName,s) {
137   -
138   - var html2 = '<div style="position: absolute; margin: 0pt; padding: 0pt; width: 160px; height: 26px; left: -10px; top: -35px; overflow: hidden;">'
139   - + '<img class="rm3_image" style="border:none;left:0px; top:0px; position:absolute;" src="/pages/base/stationroute/css/img/back160.png">'
140   - + '</div>'
141   - + '<label class=" BMapLabel" unselectable="on" style="position: absolute; -moz-user-select: none; display: inline; cursor: inherit; border: 0px none; padding: 2px 1px 1px; white-space: nowrap; font: 12px arial,simsun; z-index: 80; color: rgb(255, 102, 0); left: 15px; top: -35px;"><span style="float: left; color: #fdfdfd; margin-left: -22px; font-size: 6px;">'+ s+'</span>'+ stationName+'</label>';
142   -
143   -
144   - var myRichMarker1 = new BMapLib.RichMarker(html2, point_center,RichMarkerOptions);
145   -
146   - myRichMarker1.disableDragging();
147   -
148   - mapB.addOverlay(myRichMarker1);
149   -
150   - /** 创建标注物 */
151   - marker = new BMap.Marker(point_center,{icon : icon_target});
152   -
153   - /** 允许覆盖物在map.clearOverlays方法中被清除。 */
154   - marker.enableMassClear();
155   -
156   - /** 添加 */
157   - mapB.addOverlay(marker);
158   - },
159   -
160   - /** 清除地图覆盖物 */
161   - clearMarkAndOverlays : function() {
162   -
163   - // 清楚地图覆盖物
164   - mapB.clearOverlays();
165   -
166   - mapB.removeOverlay();
167   -
168   - }
169   -
170   - }
171   -
172   - return Bmap;
173   -
  1 +/**
  2 + * @description TODO(路段限速地图JS模块)
  3 + *
  4 + * @author bsth@lq
  5 + *
  6 + * @date 二〇一六年十月二十一日 15:34:33
  7 + *
  8 + */
  9 +
  10 +var SectionSpeedVmapWorlds = function() {
  11 +
  12 + /** 路段限速地图JS模块下的全局变量 <mapB：地图对象；drawingManager：鼠标绘制对象；polyUpline：线路走向对象；bitsPolyline：路段对象> */
  13 + var mapB = '', drawingManager = '',polyUpline = '',bitsPolyline='';
  14 +
  15 + var overlays = [];
  16 +
  17 + /** 路段限速地图JS模块下的全局变量---鼠标绘制参数
  18 + * <strokeColor:边线颜色；
  19 + * fillColor：填充颜色。当参数为空时，圆形将没有填充效果；
  20 + * strokeWeight： 边线的宽度，以像素为单位
  21 + * strokeOpacity：边线透明度，取值范围0 - 1；
  22 + * fillOpacity：填充的透明度，取值范围0 - 1；
  23 + * strokeStyle：边线的样式，solid或dashed> */
  24 + var styleOptions = {strokeColor : "red", fillColor : "red", strokeWeight : 3,strokeOpacity : 0.8,fillOpacity : 0.6, strokeStyle : 'solid'};
  25 +
  26 + /** 鼠标工具参数
  27 + * <anchor：位置；
  28 + * offset：偏离值；
  29 + * scale：工具栏缩放比例；
  30 + * drawingModes：工具模型> */
  31 + var drawingToolOptions = {anchor : BMAP_ANCHOR_TOP_LEFT, offset : new BMap.Size(80, 5),scale : 0.8,drawingModes:[BMAP_DRAWING_POLYLINE]};
  32 +
  33 + /** 路段限速地图JS模块下的全局变量---鼠标监听时间参数
  34 + * <isOpen：是否开启绘制模式；
  35 + * enableDrawingTool：是否显示工具栏；
  36 + * drawingToolOptions：鼠标工具参数；
  37 + * polylineOptions：线的样式> */
  38 + var drawingManagerOptions = {isOpen : false,enableDrawingTool : false,drawingToolOptions : drawingToolOptions,polylineOptions : styleOptions,}
  39 +
  40 + /** 鼠标监听事件 */
  41 + function addDrawingManagerEvent(e,overlay) {}
  42 +
  43 + /** 地图绘制地图走向参数 */
  44 + var polylineOptions = {strokeColor : "blue",strokeWeight : 6,strokeOpacity : 0.5};
  45 +
  46 + /** 自定义标注物图片 */
  47 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/gjzd.png',new BMap.Size(10, 10));
  48 +
  49 + /** 创建标注物参数 */
  50 + var RichMarkerOptions = {"anchor" : new BMap.Size(-10,8), "enableDragging" : true};
  51 +
  52 + var Bmap = {
  53 +
  54 + /** 初始化地图 */
  55 + init : function() {
  56 +
  57 + /** 设置中心点 */
  58 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  59 +
  60 + /** 百度API Key */
  61 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  62 +
  63 + /** 初始化百度地图 */
  64 + mapB = new BMap.Map("mapContainer",{enableMapClick:false});
  65 +
  66 + /** 中心点和缩放级别 */
  67 + mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  68 +
  69 + /** 启用地图拖拽事件，默认启用(可不写) */
  70 + mapB.enableDragging();
  71 +
  72 + /** 启用地图滚轮放大缩小 */
  73 + mapB.enableScrollWheelZoom();
  74 +
  75 + /** 禁用鼠标双击放大 */
  76 + mapB.disableDoubleClickZoom();
  77 +
  78 + /** 启用键盘上下左右键移动地图 */
  79 + mapB.enableKeyboard();
  80 +
  81 + /** 创建鼠标绘制管理类 */
  82 + // drawingManager = new BMapLib.DrawingManager(mapB, drawingManagerOptions);
  83 +
  84 + /** 添加绘画完成事件 */
  85 + // drawingManager.addEventListener('polylinecomplete', addDrawingManagerEvent);
  86 +
  87 + return mapB;
  88 + },
  89 +
  90 + /** 关闭信息窗口 */
  91 + closeMapInfoWin:function() {
  92 +
  93 + mapB.closeInfoWindow();
  94 +
  95 + },
  96 +
  97 + /** 在地图上画出线路走向 */
  98 + drawingUpline : function (polylineArray,resultdata) {
  99 +
  100 + /** 创建线路走向 */
  101 + polyUpline = new BMap.Polyline(polylineArray,polylineOptions);
  102 +
  103 + /** 把折线添加到地图上 */
  104 + mapB.addOverlay(polyUpline);
  105 +
  106 + var ceter_index = Math.round(resultdata.length / 2);
  107 +
  108 + var ceterPointsStr = resultdata[ceter_index].bJwpoints;
  109 +
  110 + var ceterPointsArray = ceterPointsStr.split(' ');
  111 +
  112 + var polyline_center = new BMap.Point(ceterPointsArray[0],ceterPointsArray[1]);
  113 +
  114 + var PanOptions_ ={noAnimation :true};
  115 +
  116 + mapB.reset();
  117 +
  118 + mapB.panTo(polyline_center,PanOptions_);
  119 +
  120 + mapB.setZoom(14);
  121 +
  122 + },
  123 +
  124 + /** 在地图上画出路段 */
  125 + drawingSecitons : function(polylineArray) {
  126 +
  127 + /** 创建路段 */
  128 + bitsPolyline = new BMap.Polyline(polylineArray, {strokeColor : "red",strokeWeight : 6,strokeOpacity : 0.5});
  129 +
  130 + /** 把路段添加到地图上 */
  131 + mapB.addOverlay(bitsPolyline);
  132 + },
  133 +
  134 +
  135 + /** 在地图上画点 @param：<point_center：中心坐标点> */
  136 + drawingUpStationPoint : function(point_center,stationName,s) {
  137 +
  138 + var html2 = '<div style="position: absolute; margin: 0pt; padding: 0pt; width: 160px; height: 26px; left: -10px; top: -35px; overflow: hidden;">'
  139 + + '<img class="rm3_image" style="border:none;left:0px; top:0px; position:absolute;" src="/pages/base/stationroute/css/img/back160.png">'
  140 + + '</div>'
  141 + + '<label class=" BMapLabel" unselectable="on" style="position: absolute; -moz-user-select: none; display: inline; cursor: inherit; border: 0px none; padding: 2px 1px 1px; white-space: nowrap; font: 12px arial,simsun; z-index: 80; color: rgb(255, 102, 0); left: 15px; top: -35px;"><span style="float: left; color: #fdfdfd; margin-left: -22px; font-size: 6px;">'+ s+'</span>'+ stationName+'</label>';
  142 +
  143 +
  144 + var myRichMarker1 = new BMapLib.RichMarker(html2, point_center,RichMarkerOptions);
  145 +
  146 + myRichMarker1.disableDragging();
  147 +
  148 + mapB.addOverlay(myRichMarker1);
  149 +
  150 + /** 创建标注物 */
  151 + marker = new BMap.Marker(point_center,{icon : icon_target});
  152 +
  153 + /** 允许覆盖物在map.clearOverlays方法中被清除。 */
  154 + marker.enableMassClear();
  155 +
  156 + /** 添加 */
  157 + mapB.addOverlay(marker);
  158 + },
  159 +
  160 + /** 清除地图覆盖物 */
  161 + clearMarkAndOverlays : function() {
  162 +
  163 + // 清楚地图覆盖物
  164 + mapB.clearOverlays();
  165 +
  166 + mapB.removeOverlay();
  167 +
  168 + }
  169 +
  170 + }
  171 +
  172 + return Bmap;
  173 +
174 174 }();
175 175 \ No newline at end of file
... ...
src/main/resources/static/pages/base/station/js/add-vmap-world.js
  View file @9bdbb71
1   -var StationPVmapWorlds = function() {
2   - var mapB = '', circle = '', drawingManager = '',circle='',marker='';
3   - var Bmap = {
4   - init : function() {
5   - // 设置中心点,
6   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
7   - // 百度API Key
8   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
9   - // 初始化百度地图
10   - mapB = new BMap.Map("stationbmap_basic");
11   - //中心点和缩放级别
12   - mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
13   - //启用地图拖拽事件，默认启用(可不写)
14   - mapB.enableDragging();
15   - //启用地图滚轮放大缩小
16   - mapB.enableScrollWheelZoom();
17   - //禁用鼠标双击放大
18   - mapB.disableDoubleClickZoom();
19   - //启用键盘上下左右键移动地图
20   - mapB.enableKeyboard();
21   - var styleOptions = {
22   - //边线颜色。
23   - strokeColor : "blue",
24   - //填充颜色。当参数为空时，圆形将没有填充效果。
25   - fillColor : "blue",
26   - //边线的宽度，以像素为单位。
27   - strokeWeight : 3,
28   - //边线透明度，取值范围0 - 1。
29   - strokeOpacity : 0.8,
30   - //填充的透明度，取值范围0 - 1。
31   - fillOpacity : 0.6,
32   - //边线的样式，solid或dashed。
33   - strokeStyle : 'solid'
34   - };
35   - // 创建鼠标绘制管理类
36   - drawingManager = new BMapLib.DrawingManager(mapB, {
37   - //是否开启绘制模式
38   - isOpen : false,
39   - //是否显示工具栏
40   - enableDrawingTool : false,
41   - drawingToolOptions : {
42   - //位置
43   - anchor : BMAP_ANCHOR_TOP_RIGHT,
44   - //偏离值
45   - offset : new BMap.Size(5, 5),
46   - //工具栏缩放比例
47   - scale : 0.8
48   - },
49   - //线的样式
50   - polygonOptions : styleOptions
51   -
52   - });
53   -
54   - // 添加绘画完成事件
55   - drawingManager.addEventListener('polygoncomplete', function(e) {
56   - if (e.getPath().length <= 2) {
57   - // 弹出提示消息
58   - layer.msg('坐标点不能小于等于两个...');
59   - // 清除地图覆盖物
60   - map.clearOverlays();
61   - // 加载该线路下所有站点位置添加到地图上
62   - return false;
63   - }else {
64   - var pointE = e;
65   - // 多变行质心点
66   - var addSttationPoints_ = pointE.getBounds().getCenter().lng+ ' ' + pointE.getBounds().getCenter().lat;
67   - var addPolyGonLen_ = pointE.getPath().length;
68   - var bPloygonGrid ='';
69   - for(var k =0;k<addPolyGonLen_;k++) {
70   - if(k==0) {
71   - bPloygonGrid = pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
72   - }else {
73   - bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
74   - }
75   - }
76   - bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[0].lng + ' ' + pointE.getPath()[0].lat;
77   - PublicFunctions.setFormInputValue(addSttationPoints_,bPloygonGrid,'多边形','');
78   - }
79   - });
80   - return mapB;
81   - },
82   -
83   - // 根据地理名称获取百度经纬度坐标
84   - localSearchFromAdreesToPoint: function(Address,cb) {
85   - // 创建一个搜索类实例
86   - var localSearch = new BMap.LocalSearch(mapB);
87   - // 检索完成后的回调函数。
88   - localSearch.setSearchCompleteCallback(function (searchResult) {
89   - var resultPoints = '';
90   - if(searchResult) {
91   - // 返回索引指定的结果。索引0表示第1条结果
92   - var poi = searchResult.getPoi(0);
93   - if(poi) {
94   - //获取经度和纬度
95   - var stationNameChangePoint = new BMap.Point( poi.point.lng, poi.point.lat);
96   - marker = new BMap.Marker(stationNameChangePoint);
97   - var PanOptions ={noAnimation :true};
98   - mapB.panTo(stationNameChangePoint,PanOptions);
99   - // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
100   - mapB.setZoom(18);
101   - mapB.panBy(0,-80);
102   - // 将标注添加到地图中
103   - mapB.addOverlay(marker);
104   - //跳动的动画
105   - marker.setAnimation(BMAP_ANIMATION_BOUNCE);
106   - cb && cb(stationNameChangePoint);
107   - }else {
108   - // 弹出添加成功提示消息
109   - layer.msg('无法获取停车场【'+Address+'】地理位置！');
110   - cb && cb(false);
111   - }
112   - }else {
113   - // 弹出添加成功提示消息
114   - layer.msg('无法获取停车场【'+Address+'】地理位置！');
115   - cb && cb(false);
116   - }
117   - });
118   - // 根据检索词发起检索。
119   - localSearch.search(Address);
120   - },
121   - // 画圆
122   - pointsCircle : function(stationNameChangePoint) {
123   - //创建圆
124   - circle = new BMap.Circle(stationNameChangePoint,100,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
125   - // 百度地图添加覆盖物圆
126   - mapB.addOverlay(circle);
127   - // 开启编辑功能
128   - circle.enableEditing();
129   - // 编辑圆监听事件
130   - circle.addEventListener('remove',function() {
131   - // 清除marker
132   - mapB.removeOverlay(marker);
133   - // 返回圆形的半径，单位为米。
134   - var newRadius = circle.getRadius();
135   - // 返回圆形的中心点坐标。
136   - var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
137   - var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
138   - circle = '';
139   - PublicFunctions.setFormInputValue(newCenter,'','圆形',Math.round(newRadius));
140   - });
141   - },
142   - // 打开绘画工具
143   - drawingManagerOpen : function() {
144   - // 打开鼠标绘画工具
145   - drawingManager.open();
146   - // 设置属性
147   - drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
148   - },
149   - drawingManagerClose : function() {
150   - drawingManager.close();
151   - },
152   - clearMarkAndOverlays : function() {
153   - // 清楚地图覆盖物
154   - mapB.clearOverlays();
155   - }
156   - }
157   - return Bmap;
  1 +var StationPVmapWorlds = function() {
  2 + var mapB = '', circle = '', drawingManager = '',circle='',marker='';
  3 + var Bmap = {
  4 + init : function() {
  5 + // 设置中心点,
  6 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  7 + // 百度API Key
  8 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  9 + // 初始化百度地图
  10 + mapB = new BMap.Map("stationbmap_basic");
  11 + //中心点和缩放级别
  12 + mapB.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  13 + //启用地图拖拽事件，默认启用(可不写)
  14 + mapB.enableDragging();
  15 + //启用地图滚轮放大缩小
  16 + mapB.enableScrollWheelZoom();
  17 + //禁用鼠标双击放大
  18 + mapB.disableDoubleClickZoom();
  19 + //启用键盘上下左右键移动地图
  20 + mapB.enableKeyboard();
  21 + var styleOptions = {
  22 + //边线颜色。
  23 + strokeColor : "blue",
  24 + //填充颜色。当参数为空时，圆形将没有填充效果。
  25 + fillColor : "blue",
  26 + //边线的宽度，以像素为单位。
  27 + strokeWeight : 3,
  28 + //边线透明度，取值范围0 - 1。
  29 + strokeOpacity : 0.8,
  30 + //填充的透明度，取值范围0 - 1。
  31 + fillOpacity : 0.6,
  32 + //边线的样式，solid或dashed。
  33 + strokeStyle : 'solid'
  34 + };
  35 + // 创建鼠标绘制管理类
  36 + drawingManager = new BMapLib.DrawingManager(mapB, {
  37 + //是否开启绘制模式
  38 + isOpen : false,
  39 + //是否显示工具栏
  40 + enableDrawingTool : false,
  41 + drawingToolOptions : {
  42 + //位置
  43 + anchor : BMAP_ANCHOR_TOP_RIGHT,
  44 + //偏离值
  45 + offset : new BMap.Size(5, 5),
  46 + //工具栏缩放比例
  47 + scale : 0.8
  48 + },
  49 + //线的样式
  50 + polygonOptions : styleOptions
  51 +
  52 + });
  53 +
  54 + // 添加绘画完成事件
  55 + drawingManager.addEventListener('polygoncomplete', function(e) {
  56 + if (e.getPath().length <= 2) {
  57 + // 弹出提示消息
  58 + layer.msg('坐标点不能小于等于两个...');
  59 + // 清除地图覆盖物
  60 + map.clearOverlays();
  61 + // 加载该线路下所有站点位置添加到地图上
  62 + return false;
  63 + }else {
  64 + var pointE = e;
  65 + // 多变行质心点
  66 + var addSttationPoints_ = pointE.getBounds().getCenter().lng+ ' ' + pointE.getBounds().getCenter().lat;
  67 + var addPolyGonLen_ = pointE.getPath().length;
  68 + var bPloygonGrid ='';
  69 + for(var k =0;k<addPolyGonLen_;k++) {
  70 + if(k==0) {
  71 + bPloygonGrid = pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
  72 + }else {
  73 + bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[k].lng + ' ' + pointE.getPath()[k].lat;
  74 + }
  75 + }
  76 + bPloygonGrid = bPloygonGrid + ',' + pointE.getPath()[0].lng + ' ' + pointE.getPath()[0].lat;
  77 + PublicFunctions.setFormInputValue(addSttationPoints_,bPloygonGrid,'多边形','');
  78 + }
  79 + });
  80 + return mapB;
  81 + },
  82 +
  83 + // 根据地理名称获取百度经纬度坐标
  84 + localSearchFromAdreesToPoint: function(Address,cb) {
  85 + // 创建一个搜索类实例
  86 + var localSearch = new BMap.LocalSearch(mapB);
  87 + // 检索完成后的回调函数。
  88 + localSearch.setSearchCompleteCallback(function (searchResult) {
  89 + var resultPoints = '';
  90 + if(searchResult) {
  91 + // 返回索引指定的结果。索引0表示第1条结果
  92 + var poi = searchResult.getPoi(0);
  93 + if(poi) {
  94 + //获取经度和纬度
  95 + var stationNameChangePoint = new BMap.Point( poi.point.lng, poi.point.lat);
  96 + marker = new BMap.Marker(stationNameChangePoint);
  97 + var PanOptions ={noAnimation :true};
  98 + mapB.panTo(stationNameChangePoint,PanOptions);
  99 + // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
  100 + mapB.setZoom(18);
  101 + mapB.panBy(0,-80);
  102 + // 将标注添加到地图中
  103 + mapB.addOverlay(marker);
  104 + //跳动的动画
  105 + marker.setAnimation(BMAP_ANIMATION_BOUNCE);
  106 + cb && cb(stationNameChangePoint);
  107 + }else {
  108 + // 弹出添加成功提示消息
  109 + layer.msg('无法获取停车场【'+Address+'】地理位置！');
  110 + cb && cb(false);
  111 + }
  112 + }else {
  113 + // 弹出添加成功提示消息
  114 + layer.msg('无法获取停车场【'+Address+'】地理位置！');
  115 + cb && cb(false);
  116 + }
  117 + });
  118 + // 根据检索词发起检索。
  119 + localSearch.search(Address);
  120 + },
  121 + // 画圆
  122 + pointsCircle : function(stationNameChangePoint) {
  123 + //创建圆
  124 + circle = new BMap.Circle(stationNameChangePoint,100,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
  125 + // 百度地图添加覆盖物圆
  126 + mapB.addOverlay(circle);
  127 + // 开启编辑功能
  128 + circle.enableEditing();
  129 + // 编辑圆监听事件
  130 + circle.addEventListener('remove',function() {
  131 + // 清除marker
  132 + mapB.removeOverlay(marker);
  133 + // 返回圆形的半径，单位为米。
  134 + var newRadius = circle.getRadius();
  135 + // 返回圆形的中心点坐标。
  136 + var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
  137 + var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
  138 + circle = '';
  139 + PublicFunctions.setFormInputValue(newCenter,'','圆形',Math.round(newRadius));
  140 + });
  141 + },
  142 + // 打开绘画工具
  143 + drawingManagerOpen : function() {
  144 + // 打开鼠标绘画工具
  145 + drawingManager.open();
  146 + // 设置属性
  147 + drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
  148 + },
  149 + drawingManagerClose : function() {
  150 + drawingManager.close();
  151 + },
  152 + clearMarkAndOverlays : function() {
  153 + // 清楚地图覆盖物
  154 + mapB.clearOverlays();
  155 + }
  156 + }
  157 + return Bmap;
158 158 }();
159 159 \ No newline at end of file
... ...
src/main/resources/static/pages/base/station/js/station-positions-map.js
  View file @9bdbb71
1   -/**
2   - * 百度地图
3   - *
4   - */
5   -
6   -var StationPositionsWorldsBMap = function () {
7   - var mapBValue = '',marker='',polygon='';
8   - var Bmap = {
9   - init : function() {
10   - // 关闭左侧栏
11   - if (!$('body').hasClass('page-sidebar-closed')) {$('.menu-toggler.sidebar-toggler').click();}
12   - // 设置中心点,
13   - var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
14   - // 百度API Key
15   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
16   - // 初始化百度地图
17   - mapBValue = new BMap.Map("positionBmap_basic");
18   - //中心点和缩放级别
19   - mapBValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
20   - //启用地图拖拽事件，默认启用(可不写)
21   - mapBValue.enableDragging();
22   - //启用地图滚轮放大缩小
23   - mapBValue.enableScrollWheelZoom();
24   - //禁用鼠标双击放大
25   - mapBValue.disableDoubleClickZoom();
26   - //启用键盘上下左右键移动地图
27   - mapBValue.enableKeyboard();
28   - return mapBValue;
29   - },
30   - // 获取百度地图map值
31   - getMapBValue : function(){
32   - return mapBValue;
33   - },
34   - pointsCircle : function(r,point,htm,opts) {
35   - // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
36   - mapBValue.setZoom(17);
37   - //创建圆
38   - circle = new BMap.Circle(point,r[0].stationRadius,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
39   - // 允许覆盖物在map.clearOverlays方法中被清除
40   - circle.enableMassClear();
41   - // 百度地图添加覆盖物圆
42   - mapBValue.addOverlay(circle);
43   - // 创建信息窗口
44   - infoWindow = new BMap.InfoWindow(htm, opts);
45   - // 自定义标注物图片
46   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
47   - // 创建点
48   - marker = new BMap.Marker(point,{icon : icon_target});
49   - // 把标注添物加到地图上
50   - mapBValue.addOverlay(marker);
51   - setTimeout(function(){
52   - //开启信息窗口
53   - marker.openInfoWindow(infoWindow,point);
54   - },100);
55   - // 是否在平移过程中禁止动画。（自1.2新增）
56   - var PanOptions_ ={noAnimation :true};
57   - // 将地图的中心点更改为给定的点。
58   - mapBValue.panTo(point,PanOptions_);
59   - mapBValue.panBy(10,-250,PanOptions_);
60   - // 添加标志物监听事件
61   - marker.addEventListener("click",function() {
62   - //开启信息窗口
63   - marker.openInfoWindow(infoWindow,point);
64   - });
65   - },
66   - pointsPolygon : function(r,pointPolygon,htm,opts_polygon) {
67   - // 获取多边形坐标字符串
68   - var stationBPolygonGrid = r[0].stationBPolyonGrid;
69   - // 截取多边形坐标字符串
70   - var stationBPolygonGridStr = stationBPolygonGrid.substring(9,stationBPolygonGrid.length-2);
71   - // 按逗号切割
72   - var pointPolygonArray = stationBPolygonGridStr.split(',');
73   - // 多边形坐标集合
74   - var polygonP = [];
75   - for(var v = 0;v<pointPolygonArray.length;v++) {
76   - polygonP.push(new BMap.Point(pointPolygonArray[v].split(" ")[0],pointPolygonArray[v].split(" ")[1]));
77   - }
78   - // 画多边形
79   - polygon = new BMap.Polygon(polygonP, {
80   - // 线条显色
81   - strokeColor : "blue",
82   - // 边线的宽度，以像素为单位。
83   - strokeWeight : 2,
84   - // 边线透明度，取值范围0 - 1。
85   - strokeOpacity : 0.5
86   - });
87   - // 增加地图覆盖物多边形
88   - mapBValue.addOverlay(polygon);
89   - // 创建信息窗口
90   - infoWindow = new BMap.InfoWindow(htm, opts_polygon);
91   - // 自定义标注物图片
92   - var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
93   - // 创建点
94   - marker = new BMap.Marker(pointPolygon,{icon : icon_target});
95   - // 把标注添物加到地图上
96   - mapBValue.addOverlay(marker);
97   - // 是否在平移过程中禁止动画。（自1.2新增）
98   - var PanOptions_ ={noAnimation :true};
99   - // 将地图的中心点更改为给定的点。
100   - mapBValue.panTo(pointPolygon,PanOptions_);
101   - // 将地图在水平位置上移动x像素，垂直位置上移动y像素。
102   - mapBValue.panBy(10,-510,PanOptions_);
103   - //开启信息窗口
104   - marker.openInfoWindow(infoWindow,pointPolygon);
105   - },
106   - // 编辑图形
107   - editShapes : function(stationShapesTypeV,mindex) {
108   - // 关闭信息窗口
109   - marker.closeInfoWindow();
110   - // 清除marker
111   - mapBValue.removeOverlay(marker);
112   - // 编辑圆
113   - if(stationShapesTypeV =='r') {
114   - // 开启编辑功能
115   - circle.enableEditing();
116   - // 编辑圆监听事件
117   - circle.addEventListener('dblclick',function() {
118   - // 关闭提示弹出层
119   - layer.close(mindex);
120   - // 返回圆形的半径，单位为米。
121   - var newRadius = circle.getRadius();
122   - // 返回圆形的中心点坐标。
123   - var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
124   - var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
125   - /** 设置修改站点集合对象站点中心点百度坐标属性值 @param：<bJwpoints：中心点百度坐标） */
126   - PositionsStationObj.setEitdStationBJwpoints(newCenter);
127   - /** 设置修改站点集合对象范围图形类型属性值 @param：<shapesType：范围图形类型） */
128   - PositionsStationObj.setEitdStationShapesType('r');
129   - /** 设置修改站点集合对象圆形半径属性值 @param：<radius：圆形半径） */
130   - PositionsStationObj.setEitdStationRadius(Math.round(newRadius));
131   - /** 设置修改站点集合对象图形百度坐标集合属性值 @param：<bPolygonGrid：图形百度坐标集合） */
132   - PositionsStationObj.setEitdBPolygonGrid('');
133   - // 加载编辑页面
134   - $.get('edit.html', function(m){
135   - $(pjaxContainer).append(m);
136   - $('#editPoitsions_station_mobal').trigger('editStationMobal_show', [StationPositionsWorldsBMap,PositionsPublicFunctions,PositionsStationObj]);
137   - });
138   - });
139   - // 编辑多边行
140   - }else if(stationShapesTypeV =='d') {
141   - // 开启编辑功能(自 1.1 新增)
142   - polygon.enableEditing();
143   - // 添加多边行编辑事件
144   - polygon.addEventListener('dblclick',function(e) {
145   - // 获取编辑的多边形对象
146   - var edit_pointE = polygon;
147   - var edit_bPloygonGrid = "";
148   - var editPolyGonLen_ = edit_pointE.getPath().length;
149   - for(var k =0;k<editPolyGonLen_;k++) {
150   - if(k==0) {
151   - edit_bPloygonGrid = edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
152   - }else {
153   - edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
154   - }
155   - }
156   - edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[0].lng + ' ' + edit_pointE.getPath()[0].lat;
157   - // 多边形中心点
158   - var centre_points = edit_pointE.getBounds().getCenter().lng + ' ' + edit_pointE.getBounds().getCenter().lat;
159   - /** 设置修改站点集合对象站点中心点百度坐标属性值 @param：<bJwpoints：中心点百度坐标） */
160   - PositionsStationObj.setEitdStationBJwpoints(centre_points);
161   - /** 设置修改站点集合对象范围图形类型属性值 @param：<shapesType：范围图形类型） */
162   - PositionsStationObj.setEitdStationShapesType('d');
163   - /** 设置修改站点集合对象圆形半径属性值 @param：<radius：圆形半径） */
164   - PositionsStationObj.setEitdStationRadius('');
165   - /** 设置修改站点集合对象图形百度坐标集合属性值 @param：<bPolygonGrid：图形百度坐标集合） */
166   - PositionsStationObj.setEitdBPolygonGrid(edit_bPloygonGrid);
167   - $.get('edit.html', function(m){
168   - $(pjaxContainer).append(m);
169   - $('#editPoitsions_station_mobal').trigger('editStationMobal_show', [StationPositionsWorldsBMap,PositionsPublicFunctions,PositionsStationObj]);
170   - });
171   - });
172   - }
173   - },
174   - // 定位
175   - localSearchFromAdreesToPoint: function(Address,callback) {
176   - // 创建一个搜索类实例
177   - var localSearch = new BMap.LocalSearch(mapBValue);
178   - // 检索完成后的回调函数。
179   - localSearch.setSearchCompleteCallback(function (searchResult) {
180   - var resultPoints = '';
181   - if(searchResult) {
182   - // 返回索引指定的结果。索引0表示第1条结果
183   - var poi = searchResult.getPoi(0);
184   - if(poi) {
185   - //获取经度和纬度
186   - resultPoints = poi.point.lng + ' ' + poi.point.lat;
187   - callback && callback(resultPoints);
188   - }else {
189   - callback && callback(false);
190   - }
191   - }else {
192   - callback && callback(false);
193   - }
194   - });
195   - // 根据检索词发起检索。
196   - localSearch.search(Address);
197   - },
198   - localtionPoint : function(stationNameV) {
199   - StationPositionsWorldsBMap.localSearchFromAdreesToPoint(stationNameV,function(Points) {
200   - if(Points) {
201   - var BJwpointsArray = Points.split(' ');
202   - var stationNameChangePoint = new BMap.Point(BJwpointsArray[0], BJwpointsArray[1]);
203   - var marker_stargt2 = new BMap.Marker(stationNameChangePoint);
204   - var PanOptions ={noAnimation :true};
205   - mapBValue.panTo(stationNameChangePoint,PanOptions);
206   - mapBValue.panBy(0,-100);
207   - // 将标注添加到地图中
208   - mapBValue.addOverlay(marker_stargt2);
209   - //跳动的动画
210   - marker_stargt2.setAnimation(BMAP_ANIMATION_BOUNCE);
211   - }
212   - });
213   - },
214   - // 清楚地图覆盖物
215   - clearMarkAndOverlays : function() {
216   - mapBValue.clearOverlays();
217   - }
218   - }
219   - return Bmap;
  1 +/**
  2 + * 百度地图
  3 + *
  4 + */
  5 +
  6 +var StationPositionsWorldsBMap = function () {
  7 + var mapBValue = '',marker='',polygon='';
  8 + var Bmap = {
  9 + init : function() {
  10 + // 关闭左侧栏
  11 + if (!$('body').hasClass('page-sidebar-closed')) {$('.menu-toggler.sidebar-toggler').click();}
  12 + // 设置中心点,
  13 + var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
  14 + // 百度API Key
  15 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
  16 + // 初始化百度地图
  17 + mapBValue = new BMap.Map("positionBmap_basic");
  18 + //中心点和缩放级别
  19 + mapBValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
  20 + //启用地图拖拽事件，默认启用(可不写)
  21 + mapBValue.enableDragging();
  22 + //启用地图滚轮放大缩小
  23 + mapBValue.enableScrollWheelZoom();
  24 + //禁用鼠标双击放大
  25 + mapBValue.disableDoubleClickZoom();
  26 + //启用键盘上下左右键移动地图
  27 + mapBValue.enableKeyboard();
  28 + return mapBValue;
  29 + },
  30 + // 获取百度地图map值
  31 + getMapBValue : function(){
  32 + return mapBValue;
  33 + },
  34 + pointsCircle : function(r,point,htm,opts) {
  35 + // 将视图切换到指定的缩放等级，中心点坐标不变。注意：当有信息窗口在地图上打开时，地图缩放将保证信息窗口所在的坐标位置不动。（自1.2新增）
  36 + mapBValue.setZoom(17);
  37 + //创建圆
  38 + circle = new BMap.Circle(point,r[0].stationRadius,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
  39 + // 允许覆盖物在map.clearOverlays方法中被清除
  40 + circle.enableMassClear();
  41 + // 百度地图添加覆盖物圆
  42 + mapBValue.addOverlay(circle);
  43 + // 创建信息窗口
  44 + infoWindow = new BMap.InfoWindow(htm, opts);
  45 + // 自定义标注物图片
  46 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
  47 + // 创建点
  48 + marker = new BMap.Marker(point,{icon : icon_target});
  49 + // 把标注添物加到地图上
  50 + mapBValue.addOverlay(marker);
  51 + setTimeout(function(){
  52 + //开启信息窗口
  53 + marker.openInfoWindow(infoWindow,point);
  54 + },100);
  55 + // 是否在平移过程中禁止动画。（自1.2新增）
  56 + var PanOptions_ ={noAnimation :true};
  57 + // 将地图的中心点更改为给定的点。
  58 + mapBValue.panTo(point,PanOptions_);
  59 + mapBValue.panBy(10,-250,PanOptions_);
  60 + // 添加标志物监听事件
  61 + marker.addEventListener("click",function() {
  62 + //开启信息窗口
  63 + marker.openInfoWindow(infoWindow,point);
  64 + });
  65 + },
  66 + pointsPolygon : function(r,pointPolygon,htm,opts_polygon) {
  67 + // 获取多边形坐标字符串
  68 + var stationBPolygonGrid = r[0].stationBPolyonGrid;
  69 + // 截取多边形坐标字符串
  70 + var stationBPolygonGridStr = stationBPolygonGrid.substring(9,stationBPolygonGrid.length-2);
  71 + // 按逗号切割
  72 + var pointPolygonArray = stationBPolygonGridStr.split(',');
  73 + // 多边形坐标集合
  74 + var polygonP = [];
  75 + for(var v = 0;v<pointPolygonArray.length;v++) {
  76 + polygonP.push(new BMap.Point(pointPolygonArray[v].split(" ")[0],pointPolygonArray[v].split(" ")[1]));
  77 + }
  78 + // 画多边形
  79 + polygon = new BMap.Polygon(polygonP, {
  80 + // 线条显色
  81 + strokeColor : "blue",
  82 + // 边线的宽度，以像素为单位。
  83 + strokeWeight : 2,
  84 + // 边线透明度，取值范围0 - 1。
  85 + strokeOpacity : 0.5
  86 + });
  87 + // 增加地图覆盖物多边形
  88 + mapBValue.addOverlay(polygon);
  89 + // 创建信息窗口
  90 + infoWindow = new BMap.InfoWindow(htm, opts_polygon);
  91 + // 自定义标注物图片
  92 + var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/cz.png',new BMap.Size(20, 20));
  93 + // 创建点
  94 + marker = new BMap.Marker(pointPolygon,{icon : icon_target});
  95 + // 把标注添物加到地图上
  96 + mapBValue.addOverlay(marker);
  97 + // 是否在平移过程中禁止动画。（自1.2新增）
  98 + var PanOptions_ ={noAnimation :true};
  99 + // 将地图的中心点更改为给定的点。
  100 + mapBValue.panTo(pointPolygon,PanOptions_);
  101 + // 将地图在水平位置上移动x像素，垂直位置上移动y像素。
  102 + mapBValue.panBy(10,-510,PanOptions_);
  103 + //开启信息窗口
  104 + marker.openInfoWindow(infoWindow,pointPolygon);
  105 + },
  106 + // 编辑图形
  107 + editShapes : function(stationShapesTypeV,mindex) {
  108 + // 关闭信息窗口
  109 + marker.closeInfoWindow();
  110 + // 清除marker
  111 + mapBValue.removeOverlay(marker);
  112 + // 编辑圆
  113 + if(stationShapesTypeV =='r') {
  114 + // 开启编辑功能
  115 + circle.enableEditing();
  116 + // 编辑圆监听事件
  117 + circle.addEventListener('dblclick',function() {
  118 + // 关闭提示弹出层
  119 + layer.close(mindex);
  120 + // 返回圆形的半径，单位为米。
  121 + var newRadius = circle.getRadius();
  122 + // 返回圆形的中心点坐标。
  123 + var newCenter = circle.getCenter().lng + ' ' + circle.getCenter().lat;
  124 + var centre_New = [{potion:{lng:circle.getCenter().lng,lat:circle.getCenter().lat}}];
  125 + /** 设置修改站点集合对象站点中心点百度坐标属性值 @param：<bJwpoints：中心点百度坐标） */
  126 + PositionsStationObj.setEitdStationBJwpoints(newCenter);
  127 + /** 设置修改站点集合对象范围图形类型属性值 @param：<shapesType：范围图形类型） */
  128 + PositionsStationObj.setEitdStationShapesType('r');
  129 + /** 设置修改站点集合对象圆形半径属性值 @param：<radius：圆形半径） */
  130 + PositionsStationObj.setEitdStationRadius(Math.round(newRadius));
  131 + /** 设置修改站点集合对象图形百度坐标集合属性值 @param：<bPolygonGrid：图形百度坐标集合） */
  132 + PositionsStationObj.setEitdBPolygonGrid('');
  133 + // 加载编辑页面
  134 + $.get('edit.html', function(m){
  135 + $(pjaxContainer).append(m);
  136 + $('#editPoitsions_station_mobal').trigger('editStationMobal_show', [StationPositionsWorldsBMap,PositionsPublicFunctions,PositionsStationObj]);
  137 + });
  138 + });
  139 + // 编辑多边行
  140 + }else if(stationShapesTypeV =='d') {
  141 + // 开启编辑功能(自 1.1 新增)
  142 + polygon.enableEditing();
  143 + // 添加多边行编辑事件
  144 + polygon.addEventListener('dblclick',function(e) {
  145 + // 获取编辑的多边形对象
  146 + var edit_pointE = polygon;
  147 + var edit_bPloygonGrid = "";
  148 + var editPolyGonLen_ = edit_pointE.getPath().length;
  149 + for(var k =0;k<editPolyGonLen_;k++) {
  150 + if(k==0) {
  151 + edit_bPloygonGrid = edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
  152 + }else {
  153 + edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[k].lng + ' ' + edit_pointE.getPath()[k].lat;
  154 + }
  155 + }
  156 + edit_bPloygonGrid = edit_bPloygonGrid + ',' + edit_pointE.getPath()[0].lng + ' ' + edit_pointE.getPath()[0].lat;
  157 + // 多边形中心点
  158 + var centre_points = edit_pointE.getBounds().getCenter().lng + ' ' + edit_pointE.getBounds().getCenter().lat;
  159 + /** 设置修改站点集合对象站点中心点百度坐标属性值 @param：<bJwpoints：中心点百度坐标） */
  160 + PositionsStationObj.setEitdStationBJwpoints(centre_points);
  161 + /** 设置修改站点集合对象范围图形类型属性值 @param：<shapesType：范围图形类型） */
  162 + PositionsStationObj.setEitdStationShapesType('d');
  163 + /** 设置修改站点集合对象圆形半径属性值 @param：<radius：圆形半径） */
  164 + PositionsStationObj.setEitdStationRadius('');
  165 + /** 设置修改站点集合对象图形百度坐标集合属性值 @param：<bPolygonGrid：图形百度坐标集合） */
  166 + PositionsStationObj.setEitdBPolygonGrid(edit_bPloygonGrid);
  167 + $.get('edit.html', function(m){
  168 + $(pjaxContainer).append(m);
  169 + $('#editPoitsions_station_mobal').trigger('editStationMobal_show', [StationPositionsWorldsBMap,PositionsPublicFunctions,PositionsStationObj]);
  170 + });
  171 + });
  172 + }
  173 + },
  174 + // 定位
  175 + localSearchFromAdreesToPoint: function(Address,callback) {
  176 + // 创建一个搜索类实例
  177 + var localSearch = new BMap.LocalSearch(mapBValue);
  178 + // 检索完成后的回调函数。
  179 + localSearch.setSearchCompleteCallback(function (searchResult) {
  180 + var resultPoints = '';
  181 + if(searchResult) {
  182 + // 返回索引指定的结果。索引0表示第1条结果
  183 + var poi = searchResult.getPoi(0);
  184 + if(poi) {
  185 + //获取经度和纬度
  186 + resultPoints = poi.point.lng + ' ' + poi.point.lat;
  187 + callback && callback(resultPoints);
  188 + }else {
  189 + callback && callback(false);
  190 + }
  191 + }else {
  192 + callback && callback(false);
  193 + }
  194 + });
  195 + // 根据检索词发起检索。
  196 + localSearch.search(Address);
  197 + },
  198 + localtionPoint : function(stationNameV) {
  199 + StationPositionsWorldsBMap.localSearchFromAdreesToPoint(stationNameV,function(Points) {
  200 + if(Points) {
  201 + var BJwpointsArray = Points.split(' ');
  202 + var stationNameChangePoint = new BMap.Point(BJwpointsArray[0], BJwpointsArray[1]);
  203 + var marker_stargt2 = new BMap.Marker(stationNameChangePoint);
  204 + var PanOptions ={noAnimation :true};
  205 + mapBValue.panTo(stationNameChangePoint,PanOptions);
  206 + mapBValue.panBy(0,-100);
  207 + // 将标注添加到地图中
  208 + mapBValue.addOverlay(marker_stargt2);
  209 + //跳动的动画
  210 + marker_stargt2.setAnimation(BMAP_ANIMATION_BOUNCE);
  211 + }
  212 + });
  213 + },
  214 + // 清楚地图覆盖物
  215 + clearMarkAndOverlays : function() {
  216 + mapBValue.clearOverlays();
  217 + }
  218 + }
  219 + return Bmap;
220 220 }();
221 221 \ No newline at end of file
... ...
src/main/resources/static/pages/base/stationroute/js/stationroute-list-map.js
  View file @9bdbb71
... ... @@ -88,7 +88,7 @@ window.WorldsBMap = function () {
88 88 // 设置中心点,
89 89 var CENTER_POINT = {lng: 121.528733, lat: 31.237425};
90 90 // 百度API Key
91   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
  91 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
92 92 // 初始化百度地图
93 93 mapBValue = new BMap.Map("bmap_basic" , {enableMapClick: false});
94 94 //中心点和缩放级别
... ...
src/main/resources/static/pages/excep/js/map.js
  View file @9bdbb71
... ... @@ -24,7 +24,7 @@ var BasicMap = function () {
24 24 var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
25 25  
26 26 // 百度API Key
27   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
  27 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
28 28  
29 29 // 初始化百度地图
30 30 mapBValue = new BMap.Map("BasicMap");
... ...
src/main/resources/static/pages/excep/js/outbound-map.js
  View file @9bdbb71
... ... @@ -35,7 +35,7 @@ var WorldsBMap = function () {
35 35 var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
36 36  
37 37 // 百度API Key
38   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
  38 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
39 39  
40 40 // 初始化百度地图
41 41 mapBValue = new BMap.Map("bmap_basic");
... ...
src/main/resources/static/pages/excep/js/speeding-map.js
  View file @9bdbb71
... ... @@ -24,7 +24,7 @@ var SpeedingMap = function () {
24 24 var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
25 25  
26 26 // 百度API Key
27   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
  27 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
28 28  
29 29 // 初始化百度地图
30 30 mapBValue = new BMap.Map("speedingMap");
... ...
src/main/resources/static/pages/mapmonitor/real/js/map_platform_old.js
  View file @9bdbb71
... ... @@ -37,7 +37,7 @@ var realMap = (function() {
37 37 var city = "上海";
38 38  
39 39 //百度API Key
40   - var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
  40 + var bdKey = '1TgEKvYqohJyeGXnN6yHSSTb4psOarQw';
41 41  
42 42 var bd_gps_info_win_opts = {
43 43 width : 190,
... ...
src/main/resources/static/real_control_v2/alone_page/home/home_wrap.html
  View file @9bdbb71
1   -<!DOCTYPE html>
2   -<html lang="zh-cn">
3   -
4   -<head>
5   - <meta charset="UTF-8">
6   - <title>主页模拟图</title>
7   - <!-- uikit core style-->
8   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css" />
9   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css" merge="plugins"/>
10   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css" merge="plugins"/>
11   - <link rel="stylesheet"
12   - href="/real_control_v2/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
13   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css" merge="plugins"/>
14   -
15   - <!-- main style -->
16   - <link rel="stylesheet" href="/real_control_v2/css/main.css" />
17   - <!-- home style -->
18   - <link rel="stylesheet" href="/real_control_v2/css/home.css" merge="custom_style"/>
19   -
20   - <!-- custom table -->
21   - <link rel="stylesheet" href="/real_control_v2/css/ct_table.css" merge="custom_style"/>
22   - <!-- jquery contextMenu style -->
23   - <link rel="stylesheet" href="/real_control_v2/assets/css/jquery.contextMenu.min.css" merge="plugins"/>
24   - <!-- formvalidation style -->
25   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/formvalidation/formValidation.min.css" merge="plugins"/>
26   - <!-- js tree -->
27   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/jstree/default/style.css" merge="plugins"/>
28   - <!-- tooltip css-->
29   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/qtip/jquery.qtip.min.css" merge="plugins"/>
30   - <link rel="stylesheet" href="/real_control_v2/css/pace.css" merge="plugins"/>
31   -
32   - <link rel="stylesheet" href="/real_control_v2/css/modal_extend.css" merge="custom_style"/>
33   - <!-- perfect-scrollbar style -->
34   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" merge="plugins"/>
35   - <!-- layer 3.0.3 -->
36   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
37   - <link rel="stylesheet" href="/real_control_v2/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
38   -
39   -
40   - <style>
41   - .main-container{
42   - height: 100% !important;
43   - }
44   -
45   - #main-tab-content{
46   - padding: 0 !important;
47   - list-style: none;
48   - }
49   -
50   - .home-panel{
51   -
52   - }
53   -
54   - #home-main-content{
55   - padding: 0 !important;
56   - }
57   -
58   - #main-tab-content>.home-panel>#home-main-content{
59   - overflow: inherit !important;
60   - }
61   - </style>
62   -</head>
63   -
64   -<body>
65   -<!--<div class="main-container" style="height: 100%;">
66   -</div>-->
67   -<div class="main-container">
68   - <ul id="main-tab-content">
69   - <li class="home-panel"></li>
70   - </ul>
71   -</div>
72   -
73   -
74   -<!-- 地图相关 -->
75   -<script src="http://api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
76   -<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
77   -<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
78   -<script src="/assets/js/TransGPS.js" merge="plugins"></script>
79   -<!-- jquery -->
80   -<script src="/real_control_v2/assets/js/jquery.min.js"></script>
81   -<!-- jquery actual -->
82   -<script src="/real_control_v2/assets/js/jquery.actual.min.js" merge="plugins"></script>
83   -<!-- jquery.serializejson JSON序列化插件 -->
84   -<script src="/assets/plugins/jquery.serializejson.js" merge="plugins"></script>
85   -<!-- moment.js 日期处理类库 -->
86   -<script src="/real_control_v2/assets/plugins/moment/moment.min.js"></script>
87   -<script src="/real_control_v2/assets/plugins/moment/zh-cn.js"></script>
88   -
89   -<!-- flatpickr -->
90   -<script src="/real_control_v2/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
91   -<script src="/real_control_v2/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
92   -
93   -<!-- perfect-scrollbar -->
94   -<script src="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
95   -<!-- common js -->
96   -<script src="/real_control_v2/js/common.js"></script>
97   -<!-- art-template 模版引擎 -->
98   -<script src="/assets/plugins/template.js" merge="plugins"></script>
99   -<!-- d3 -->
100   -<script src="/assets/js/d3.min.js"></script>
101   -<!-- EventProxy -->
102   -<script src="/assets/js/eventproxy.js"></script>
103   -<!-- Geolib -->
104   -<script src="/real_control_v2/geolib/geolib.js" merge="plugins"></script>
105   -
106   -<script>
107   -
108   -
109   - var res_load_ep = EventProxy.create('load_home_layout', 'load_home_line_panel', 'load_data_basic', 'data-basic', function () {
110   - //加载主页
111   - gb_home_layout.layout(function () {
112   - gb_home_line_panel.init(function () {
113   - //gps自刷新
114   - gb_data_gps.fixedTimeRefresh();
115   -
116   - $('.uk-icon-send-o.home_alone_page').remove();
117   - });
118   - });
119   - });
120   -
121   - function connectArr(arr, separator, transFun) {
122   - var rs = '';
123   - $.each(arr, function (i, item) {
124   - if (transFun)
125   - item = transFun(item);
126   - rs += (separator + item);
127   - });
128   - return rs.substr(separator.length);
129   - }
130   -
131   - var isArray = function (obj) {
132   - return Object.prototype.toString.call(obj) === '[object Array]';
133   - };
134   -
135   - var gb_form_validation_opts = {
136   - framework: 'uikit',
137   - locale: 'zh_CN',
138   - icon: {
139   - valid: 'uk-icon-check',
140   - invalid: 'uk-icon-times',
141   - validating: 'uk-icon-refresh'
142   - }
143   - };
144   -
145   -</script>
146   -
147   -<!-- uikit core -->
148   -<script src="/real_control_v2/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
149   -<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
150   -<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/pagination.min.js" merge="uikit_js"></script>
151   -<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
152   -<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
153   -
154   -
155   -<!-- jquery contextMenu -->
156   -<script src="/real_control_v2/assets/js/jquery.contextMenu.min.js" merge="plugins"></script>
157   -<script src="/real_control_v2/assets/js/jquery.ui.position.min.js" merge="plugins"></script>
158   -<!-- formvalidation- -->
159   -<script src="/real_control_v2/assets/plugins/formvalidation/formValidation.min.js" merge="plugins"></script>
160   -<script src="/real_control_v2/assets/plugins/formvalidation/zh_CN.js" merge="plugins"></script>
161   -<script src="/real_control_v2/assets/plugins/formvalidation/uikit.min.js" merge="plugins"></script>
162   -<!-- js tree -->
163   -<script src="/real_control_v2/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
164   -<!-- simple pinyin -->
165   -<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
166   -<!-- qtip -->
167   -<script src="/real_control_v2/assets/plugins/qtip/jquery.qtip.min.js" merge="plugins"></script>
168   -<!-- layer 3.0.3 -->
169   -<script src="/real_control_v2/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
170   -
171   -<!-- 数据 -->
172   -<script src="/real_control_v2/alone_page/home/alone_data_basic.js" merge="custom_js"></script>
173   -<script src="/real_control_v2/alone_page/home/alone_data_gps.js" merge="custom_js"></script>
174   -<script src="/real_control_v2/js/data/gps_abnormal.js" merge="custom_js"></script>
175   -<!-- 线路模拟图 -->
176   -<script src="/real_control_v2/js/utils/svg_chart.js" merge="custom_js"></script>
177   -<script src="/real_control_v2/js/utils/svg_data_convert.js" merge="custom_js"></script>
178   -<script src="/real_control_v2/js/utils/svg_chart_tooltip.js" merge="custom_js"></script>
179   -<script src="/real_control_v2/js/utils/svg_chart_map.js" merge="custom_js"></script>
180   -
181   -<!-- custom table js -->
182   -<script src="/real_control_v2/js/utils/ct_table.js" merge="custom_js"></script>
183   -<!-- home js -->
184   -<script src="/real_control_v2/js/home/layout.js" merge="custom_js"></script>
185   -<script src="/real_control_v2/js/home/line_panel.js" merge="custom_js"></script>
186   -<script src="/real_control_v2/js/home/context_menu.js" merge="custom_js"></script>
187   -
188   -
189   -<!-- 模态框扩展 -->
190   -<script src="/real_control_v2/js/modal_extend.js" merge="custom_js"></script>
191   -
192   -</body>
193   -
194   -</html>
  1 +<!DOCTYPE html>
  2 +<html lang="zh-cn">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <title>主页模拟图</title>
  7 + <!-- uikit core style-->
  8 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css" />
  9 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css" merge="plugins"/>
  10 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css" merge="plugins"/>
  11 + <link rel="stylesheet"
  12 + href="/real_control_v2/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
  13 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css" merge="plugins"/>
  14 +
  15 + <!-- main style -->
  16 + <link rel="stylesheet" href="/real_control_v2/css/main.css" />
  17 + <!-- home style -->
  18 + <link rel="stylesheet" href="/real_control_v2/css/home.css" merge="custom_style"/>
  19 +
  20 + <!-- custom table -->
  21 + <link rel="stylesheet" href="/real_control_v2/css/ct_table.css" merge="custom_style"/>
  22 + <!-- jquery contextMenu style -->
  23 + <link rel="stylesheet" href="/real_control_v2/assets/css/jquery.contextMenu.min.css" merge="plugins"/>
  24 + <!-- formvalidation style -->
  25 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/formvalidation/formValidation.min.css" merge="plugins"/>
  26 + <!-- js tree -->
  27 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/jstree/default/style.css" merge="plugins"/>
  28 + <!-- tooltip css-->
  29 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/qtip/jquery.qtip.min.css" merge="plugins"/>
  30 + <link rel="stylesheet" href="/real_control_v2/css/pace.css" merge="plugins"/>
  31 +
  32 + <link rel="stylesheet" href="/real_control_v2/css/modal_extend.css" merge="custom_style"/>
  33 + <!-- perfect-scrollbar style -->
  34 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" merge="plugins"/>
  35 + <!-- layer 3.0.3 -->
  36 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
  37 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
  38 +
  39 +
  40 + <style>
  41 + .main-container{
  42 + height: 100% !important;
  43 + }
  44 +
  45 + #main-tab-content{
  46 + padding: 0 !important;
  47 + list-style: none;
  48 + }
  49 +
  50 + .home-panel{
  51 +
  52 + }
  53 +
  54 + #home-main-content{
  55 + padding: 0 !important;
  56 + }
  57 +
  58 + #main-tab-content>.home-panel>#home-main-content{
  59 + overflow: inherit !important;
  60 + }
  61 + </style>
  62 +</head>
  63 +
  64 +<body>
  65 +<!--<div class="main-container" style="height: 100%;">
  66 +</div>-->
  67 +<div class="main-container">
  68 + <ul id="main-tab-content">
  69 + <li class="home-panel"></li>
  70 + </ul>
  71 +</div>
  72 +
  73 +
  74 +<!-- 地图相关 -->
  75 +<script src="http://api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
  76 +<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
  77 +<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
  78 +<script src="/assets/js/TransGPS.js" merge="plugins"></script>
  79 +<!-- jquery -->
  80 +<script src="/real_control_v2/assets/js/jquery.min.js"></script>
  81 +<!-- jquery actual -->
  82 +<script src="/real_control_v2/assets/js/jquery.actual.min.js" merge="plugins"></script>
  83 +<!-- jquery.serializejson JSON序列化插件 -->
  84 +<script src="/assets/plugins/jquery.serializejson.js" merge="plugins"></script>
  85 +<!-- moment.js 日期处理类库 -->
  86 +<script src="/real_control_v2/assets/plugins/moment/moment.min.js"></script>
  87 +<script src="/real_control_v2/assets/plugins/moment/zh-cn.js"></script>
  88 +
  89 +<!-- flatpickr -->
  90 +<script src="/real_control_v2/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
  91 +<script src="/real_control_v2/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
  92 +
  93 +<!-- perfect-scrollbar -->
  94 +<script src="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
  95 +<!-- common js -->
  96 +<script src="/real_control_v2/js/common.js"></script>
  97 +<!-- art-template 模版引擎 -->
  98 +<script src="/assets/plugins/template.js" merge="plugins"></script>
  99 +<!-- d3 -->
  100 +<script src="/assets/js/d3.min.js"></script>
  101 +<!-- EventProxy -->
  102 +<script src="/assets/js/eventproxy.js"></script>
  103 +<!-- Geolib -->
  104 +<script src="/real_control_v2/geolib/geolib.js" merge="plugins"></script>
  105 +
  106 +<script>
  107 +
  108 +
  109 + var res_load_ep = EventProxy.create('load_home_layout', 'load_home_line_panel', 'load_data_basic', 'data-basic', function () {
  110 + //加载主页
  111 + gb_home_layout.layout(function () {
  112 + gb_home_line_panel.init(function () {
  113 + //gps自刷新
  114 + gb_data_gps.fixedTimeRefresh();
  115 +
  116 + $('.uk-icon-send-o.home_alone_page').remove();
  117 + });
  118 + });
  119 + });
  120 +
  121 + function connectArr(arr, separator, transFun) {
  122 + var rs = '';
  123 + $.each(arr, function (i, item) {
  124 + if (transFun)
  125 + item = transFun(item);
  126 + rs += (separator + item);
  127 + });
  128 + return rs.substr(separator.length);
  129 + }
  130 +
  131 + var isArray = function (obj) {
  132 + return Object.prototype.toString.call(obj) === '[object Array]';
  133 + };
  134 +
  135 + var gb_form_validation_opts = {
  136 + framework: 'uikit',
  137 + locale: 'zh_CN',
  138 + icon: {
  139 + valid: 'uk-icon-check',
  140 + invalid: 'uk-icon-times',
  141 + validating: 'uk-icon-refresh'
  142 + }
  143 + };
  144 +
  145 +</script>
  146 +
  147 +<!-- uikit core -->
  148 +<script src="/real_control_v2/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
  149 +<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
  150 +<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/pagination.min.js" merge="uikit_js"></script>
  151 +<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
  152 +<script src="/real_control_v2/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
  153 +
  154 +
  155 +<!-- jquery contextMenu -->
  156 +<script src="/real_control_v2/assets/js/jquery.contextMenu.min.js" merge="plugins"></script>
  157 +<script src="/real_control_v2/assets/js/jquery.ui.position.min.js" merge="plugins"></script>
  158 +<!-- formvalidation- -->
  159 +<script src="/real_control_v2/assets/plugins/formvalidation/formValidation.min.js" merge="plugins"></script>
  160 +<script src="/real_control_v2/assets/plugins/formvalidation/zh_CN.js" merge="plugins"></script>
  161 +<script src="/real_control_v2/assets/plugins/formvalidation/uikit.min.js" merge="plugins"></script>
  162 +<!-- js tree -->
  163 +<script src="/real_control_v2/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
  164 +<!-- simple pinyin -->
  165 +<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
  166 +<!-- qtip -->
  167 +<script src="/real_control_v2/assets/plugins/qtip/jquery.qtip.min.js" merge="plugins"></script>
  168 +<!-- layer 3.0.3 -->
  169 +<script src="/real_control_v2/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
  170 +
  171 +<!-- 数据 -->
  172 +<script src="/real_control_v2/alone_page/home/alone_data_basic.js" merge="custom_js"></script>
  173 +<script src="/real_control_v2/alone_page/home/alone_data_gps.js" merge="custom_js"></script>
  174 +<script src="/real_control_v2/js/data/gps_abnormal.js" merge="custom_js"></script>
  175 +<!-- 线路模拟图 -->
  176 +<script src="/real_control_v2/js/utils/svg_chart.js" merge="custom_js"></script>
  177 +<script src="/real_control_v2/js/utils/svg_data_convert.js" merge="custom_js"></script>
  178 +<script src="/real_control_v2/js/utils/svg_chart_tooltip.js" merge="custom_js"></script>
  179 +<script src="/real_control_v2/js/utils/svg_chart_map.js" merge="custom_js"></script>
  180 +
  181 +<!-- custom table js -->
  182 +<script src="/real_control_v2/js/utils/ct_table.js" merge="custom_js"></script>
  183 +<!-- home js -->
  184 +<script src="/real_control_v2/js/home/layout.js" merge="custom_js"></script>
  185 +<script src="/real_control_v2/js/home/line_panel.js" merge="custom_js"></script>
  186 +<script src="/real_control_v2/js/home/context_menu.js" merge="custom_js"></script>
  187 +
  188 +
  189 +<!-- 模态框扩展 -->
  190 +<script src="/real_control_v2/js/modal_extend.js" merge="custom_js"></script>
  191 +
  192 +</body>
  193 +
  194 +</html>
... ...
src/main/resources/static/real_control_v2/alone_page/map/alone_wrap.html
  View file @9bdbb71
... ... @@ -60,7 +60,7 @@
60 60 <span style="position: absolute;left: calc(50% - 35px);top: calc(45% - 35px);">加载中...</span>
61 61 </div>
62 62 <!-- 地图相关 -->
63   -<script src="//api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
  63 +<script src="//api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
64 64 <script src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
65 65 <script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
66 66 <script src="/assets/js/TransGPS.js" merge="plugins"></script>
... ...
src/main/resources/static/real_control_v2_mobile/alone_page/home/home_wrap.html
  View file @9bdbb71
1   -<!DOCTYPE html>
2   -<html lang="zh-cn">
3   -
4   -<head>
5   - <meta charset="UTF-8">
6   - <title>主页模拟图</title>
7   - <!-- uikit core style-->
8   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css" />
9   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css" merge="plugins"/>
10   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css" merge="plugins"/>
11   - <link rel="stylesheet"
12   - href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
13   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css" merge="plugins"/>
14   -
15   - <!-- main style -->
16   - <link rel="stylesheet" href="/real_control_v2_mobile/css/main.css" />
17   - <!-- home style -->
18   - <link rel="stylesheet" href="/real_control_v2_mobile/css/home.css" merge="custom_style"/>
19   -
20   - <!-- custom table -->
21   - <link rel="stylesheet" href="/real_control_v2_mobile/css/ct_table.css" merge="custom_style"/>
22   - <!-- jquery contextMenu style -->
23   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/css/jquery.contextMenu.min.css" merge="plugins"/>
24   - <!-- formvalidation style -->
25   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.css" merge="plugins"/>
26   - <!-- js tree -->
27   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/jstree/default/style.css" merge="plugins"/>
28   - <!-- tooltip css-->
29   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.css" merge="plugins"/>
30   - <link rel="stylesheet" href="/real_control_v2_mobile/css/pace.css" merge="plugins"/>
31   -
32   - <link rel="stylesheet" href="/real_control_v2_mobile/css/modal_extend.css" merge="custom_style"/>
33   - <!-- perfect-scrollbar style -->
34   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" merge="plugins"/>
35   - <!-- layer 3.0.3 -->
36   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
37   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
38   -
39   -
40   - <style>
41   - .main-container{
42   - height: 100% !important;
43   - }
44   -
45   - #main-tab-content{
46   - padding: 0 !important;
47   - list-style: none;
48   - }
49   -
50   - .home-panel{
51   -
52   - }
53   -
54   - #home-main-content{
55   - padding: 0 !important;
56   - }
57   -
58   - #main-tab-content>.home-panel>#home-main-content{
59   - overflow: inherit !important;
60   - }
61   - </style>
62   -</head>
63   -
64   -<body>
65   -<!--<div class="main-container" style="height: 100%;">
66   -</div>-->
67   -<div class="main-container">
68   - <ul id="main-tab-content">
69   - <li class="home-panel"></li>
70   - </ul>
71   -</div>
72   -
73   -
74   -<!-- 地图相关 -->
75   -<script src="http://api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
76   -<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
77   -<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
78   -<script src="/assets/js/TransGPS.js" merge="plugins"></script>
79   -<!-- jquery -->
80   -<script src="/real_control_v2_mobile/assets/js/jquery.min.js"></script>
81   -<!-- jquery actual -->
82   -<script src="/real_control_v2_mobile/assets/js/jquery.actual.min.js" merge="plugins"></script>
83   -<!-- jquery.serializejson JSON序列化插件 -->
84   -<script src="/assets/plugins/jquery.serializejson.js" merge="plugins"></script>
85   -<!-- moment.js 日期处理类库 -->
86   -<script src="/real_control_v2_mobile/assets/plugins/moment/moment.min.js"></script>
87   -<script src="/real_control_v2_mobile/assets/plugins/moment/zh-cn.js"></script>
88   -
89   -<!-- flatpickr -->
90   -<script src="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
91   -<script src="/real_control_v2_mobile/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
92   -
93   -<!-- perfect-scrollbar -->
94   -<script src="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
95   -<!-- common js -->
96   -<script src="/real_control_v2_mobile/js/common.js"></script>
97   -<!-- art-template 模版引擎 -->
98   -<script src="/assets/plugins/template.js" merge="plugins"></script>
99   -<!-- d3 -->
100   -<script src="/assets/js/d3.min.js"></script>
101   -<!-- EventProxy -->
102   -<script src="/assets/js/eventproxy.js"></script>
103   -<!-- Geolib -->
104   -<script src="/real_control_v2_mobile/geolib/geolib.js" merge="plugins"></script>
105   -
106   -<script>
107   -
108   -
109   - var res_load_ep = EventProxy.create('load_home_layout', 'load_home_line_panel', 'load_data_basic', 'data-basic', function () {
110   - //加载主页
111   - gb_home_layout.layout(function () {
112   - gb_home_line_panel.init(function () {
113   - //gps自刷新
114   - gb_data_gps.fixedTimeRefresh();
115   -
116   - $('.uk-icon-send-o.home_alone_page').remove();
117   - });
118   - });
119   - });
120   -
121   - function connectArr(arr, separator, transFun) {
122   - var rs = '';
123   - $.each(arr, function (i, item) {
124   - if (transFun)
125   - item = transFun(item);
126   - rs += (separator + item);
127   - });
128   - return rs.substr(separator.length);
129   - }
130   -
131   - var isArray = function (obj) {
132   - return Object.prototype.toString.call(obj) === '[object Array]';
133   - };
134   -
135   - var gb_form_validation_opts = {
136   - framework: 'uikit',
137   - locale: 'zh_CN',
138   - icon: {
139   - valid: 'uk-icon-check',
140   - invalid: 'uk-icon-times',
141   - validating: 'uk-icon-refresh'
142   - }
143   - };
144   -
145   -</script>
146   -
147   -<!-- uikit core -->
148   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
149   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
150   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/pagination.min.js" merge="uikit_js"></script>
151   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
152   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
153   -
154   -
155   -<!-- jquery contextMenu -->
156   -<script src="/real_control_v2_mobile/assets/js/jquery.contextMenu.min.js" merge="plugins"></script>
157   -<script src="/real_control_v2_mobile/assets/js/jquery.ui.position.min.js" merge="plugins"></script>
158   -<!-- formvalidation- -->
159   -<script src="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.js" merge="plugins"></script>
160   -<script src="/real_control_v2_mobile/assets/plugins/formvalidation/zh_CN.js" merge="plugins"></script>
161   -<script src="/real_control_v2_mobile/assets/plugins/formvalidation/uikit.min.js" merge="plugins"></script>
162   -<!-- js tree -->
163   -<script src="/real_control_v2_mobile/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
164   -<!-- simple pinyin -->
165   -<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
166   -<!-- qtip -->
167   -<script src="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.js" merge="plugins"></script>
168   -<!-- layer 3.0.3 -->
169   -<script src="/real_control_v2_mobile/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
170   -
171   -<!-- 数据 -->
172   -<script src="/real_control_v2_mobile/alone_page/home/alone_data_basic.js" merge="custom_js"></script>
173   -<script src="/real_control_v2_mobile/alone_page/home/alone_data_gps.js" merge="custom_js"></script>
174   -<script src="/real_control_v2_mobile/js/data/gps_abnormal.js" merge="custom_js"></script>
175   -<!-- 线路模拟图 -->
176   -<script src="/real_control_v2_mobile/js/utils/svg_chart.js" merge="custom_js"></script>
177   -<script src="/real_control_v2_mobile/js/utils/svg_data_convert.js" merge="custom_js"></script>
178   -<script src="/real_control_v2_mobile/js/utils/svg_chart_tooltip.js" merge="custom_js"></script>
179   -<script src="/real_control_v2_mobile/js/utils/svg_chart_map.js" merge="custom_js"></script>
180   -
181   -<!-- custom table js -->
182   -<script src="/real_control_v2_mobile/js/utils/ct_table.js" merge="custom_js"></script>
183   -<!-- home js -->
184   -<script src="/real_control_v2_mobile/js/home/layout.js" merge="custom_js"></script>
185   -<script src="/real_control_v2_mobile/js/home/line_panel.js" merge="custom_js"></script>
186   -<script src="/real_control_v2_mobile/js/home/context_menu.js" merge="custom_js"></script>
187   -
188   -
189   -<!-- 模态框扩展 -->
190   -<script src="/real_control_v2_mobile/js/modal_extend.js" merge="custom_js"></script>
191   -
192   -</body>
193   -
194   -</html>
  1 +<!DOCTYPE html>
  2 +<html lang="zh-cn">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <title>主页模拟图</title>
  7 + <!-- uikit core style-->
  8 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css" />
  9 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css" merge="plugins"/>
  10 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css" merge="plugins"/>
  11 + <link rel="stylesheet"
  12 + href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
  13 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css" merge="plugins"/>
  14 +
  15 + <!-- main style -->
  16 + <link rel="stylesheet" href="/real_control_v2_mobile/css/main.css" />
  17 + <!-- home style -->
  18 + <link rel="stylesheet" href="/real_control_v2_mobile/css/home.css" merge="custom_style"/>
  19 +
  20 + <!-- custom table -->
  21 + <link rel="stylesheet" href="/real_control_v2_mobile/css/ct_table.css" merge="custom_style"/>
  22 + <!-- jquery contextMenu style -->
  23 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/css/jquery.contextMenu.min.css" merge="plugins"/>
  24 + <!-- formvalidation style -->
  25 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.css" merge="plugins"/>
  26 + <!-- js tree -->
  27 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/jstree/default/style.css" merge="plugins"/>
  28 + <!-- tooltip css-->
  29 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.css" merge="plugins"/>
  30 + <link rel="stylesheet" href="/real_control_v2_mobile/css/pace.css" merge="plugins"/>
  31 +
  32 + <link rel="stylesheet" href="/real_control_v2_mobile/css/modal_extend.css" merge="custom_style"/>
  33 + <!-- perfect-scrollbar style -->
  34 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" merge="plugins"/>
  35 + <!-- layer 3.0.3 -->
  36 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
  37 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
  38 +
  39 +
  40 + <style>
  41 + .main-container{
  42 + height: 100% !important;
  43 + }
  44 +
  45 + #main-tab-content{
  46 + padding: 0 !important;
  47 + list-style: none;
  48 + }
  49 +
  50 + .home-panel{
  51 +
  52 + }
  53 +
  54 + #home-main-content{
  55 + padding: 0 !important;
  56 + }
  57 +
  58 + #main-tab-content>.home-panel>#home-main-content{
  59 + overflow: inherit !important;
  60 + }
  61 + </style>
  62 +</head>
  63 +
  64 +<body>
  65 +<!--<div class="main-container" style="height: 100%;">
  66 +</div>-->
  67 +<div class="main-container">
  68 + <ul id="main-tab-content">
  69 + <li class="home-panel"></li>
  70 + </ul>
  71 +</div>
  72 +
  73 +
  74 +<!-- 地图相关 -->
  75 +<script src="http://api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
  76 +<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
  77 +<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
  78 +<script src="/assets/js/TransGPS.js" merge="plugins"></script>
  79 +<!-- jquery -->
  80 +<script src="/real_control_v2_mobile/assets/js/jquery.min.js"></script>
  81 +<!-- jquery actual -->
  82 +<script src="/real_control_v2_mobile/assets/js/jquery.actual.min.js" merge="plugins"></script>
  83 +<!-- jquery.serializejson JSON序列化插件 -->
  84 +<script src="/assets/plugins/jquery.serializejson.js" merge="plugins"></script>
  85 +<!-- moment.js 日期处理类库 -->
  86 +<script src="/real_control_v2_mobile/assets/plugins/moment/moment.min.js"></script>
  87 +<script src="/real_control_v2_mobile/assets/plugins/moment/zh-cn.js"></script>
  88 +
  89 +<!-- flatpickr -->
  90 +<script src="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
  91 +<script src="/real_control_v2_mobile/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
  92 +
  93 +<!-- perfect-scrollbar -->
  94 +<script src="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
  95 +<!-- common js -->
  96 +<script src="/real_control_v2_mobile/js/common.js"></script>
  97 +<!-- art-template 模版引擎 -->
  98 +<script src="/assets/plugins/template.js" merge="plugins"></script>
  99 +<!-- d3 -->
  100 +<script src="/assets/js/d3.min.js"></script>
  101 +<!-- EventProxy -->
  102 +<script src="/assets/js/eventproxy.js"></script>
  103 +<!-- Geolib -->
  104 +<script src="/real_control_v2_mobile/geolib/geolib.js" merge="plugins"></script>
  105 +
  106 +<script>
  107 +
  108 +
  109 + var res_load_ep = EventProxy.create('load_home_layout', 'load_home_line_panel', 'load_data_basic', 'data-basic', function () {
  110 + //加载主页
  111 + gb_home_layout.layout(function () {
  112 + gb_home_line_panel.init(function () {
  113 + //gps自刷新
  114 + gb_data_gps.fixedTimeRefresh();
  115 +
  116 + $('.uk-icon-send-o.home_alone_page').remove();
  117 + });
  118 + });
  119 + });
  120 +
  121 + function connectArr(arr, separator, transFun) {
  122 + var rs = '';
  123 + $.each(arr, function (i, item) {
  124 + if (transFun)
  125 + item = transFun(item);
  126 + rs += (separator + item);
  127 + });
  128 + return rs.substr(separator.length);
  129 + }
  130 +
  131 + var isArray = function (obj) {
  132 + return Object.prototype.toString.call(obj) === '[object Array]';
  133 + };
  134 +
  135 + var gb_form_validation_opts = {
  136 + framework: 'uikit',
  137 + locale: 'zh_CN',
  138 + icon: {
  139 + valid: 'uk-icon-check',
  140 + invalid: 'uk-icon-times',
  141 + validating: 'uk-icon-refresh'
  142 + }
  143 + };
  144 +
  145 +</script>
  146 +
  147 +<!-- uikit core -->
  148 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
  149 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
  150 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/pagination.min.js" merge="uikit_js"></script>
  151 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
  152 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
  153 +
  154 +
  155 +<!-- jquery contextMenu -->
  156 +<script src="/real_control_v2_mobile/assets/js/jquery.contextMenu.min.js" merge="plugins"></script>
  157 +<script src="/real_control_v2_mobile/assets/js/jquery.ui.position.min.js" merge="plugins"></script>
  158 +<!-- formvalidation- -->
  159 +<script src="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.js" merge="plugins"></script>
  160 +<script src="/real_control_v2_mobile/assets/plugins/formvalidation/zh_CN.js" merge="plugins"></script>
  161 +<script src="/real_control_v2_mobile/assets/plugins/formvalidation/uikit.min.js" merge="plugins"></script>
  162 +<!-- js tree -->
  163 +<script src="/real_control_v2_mobile/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
  164 +<!-- simple pinyin -->
  165 +<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
  166 +<!-- qtip -->
  167 +<script src="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.js" merge="plugins"></script>
  168 +<!-- layer 3.0.3 -->
  169 +<script src="/real_control_v2_mobile/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
  170 +
  171 +<!-- 数据 -->
  172 +<script src="/real_control_v2_mobile/alone_page/home/alone_data_basic.js" merge="custom_js"></script>
  173 +<script src="/real_control_v2_mobile/alone_page/home/alone_data_gps.js" merge="custom_js"></script>
  174 +<script src="/real_control_v2_mobile/js/data/gps_abnormal.js" merge="custom_js"></script>
  175 +<!-- 线路模拟图 -->
  176 +<script src="/real_control_v2_mobile/js/utils/svg_chart.js" merge="custom_js"></script>
  177 +<script src="/real_control_v2_mobile/js/utils/svg_data_convert.js" merge="custom_js"></script>
  178 +<script src="/real_control_v2_mobile/js/utils/svg_chart_tooltip.js" merge="custom_js"></script>
  179 +<script src="/real_control_v2_mobile/js/utils/svg_chart_map.js" merge="custom_js"></script>
  180 +
  181 +<!-- custom table js -->
  182 +<script src="/real_control_v2_mobile/js/utils/ct_table.js" merge="custom_js"></script>
  183 +<!-- home js -->
  184 +<script src="/real_control_v2_mobile/js/home/layout.js" merge="custom_js"></script>
  185 +<script src="/real_control_v2_mobile/js/home/line_panel.js" merge="custom_js"></script>
  186 +<script src="/real_control_v2_mobile/js/home/context_menu.js" merge="custom_js"></script>
  187 +
  188 +
  189 +<!-- 模态框扩展 -->
  190 +<script src="/real_control_v2_mobile/js/modal_extend.js" merge="custom_js"></script>
  191 +
  192 +</body>
  193 +
  194 +</html>
... ...
src/main/resources/static/real_control_v2_mobile/alone_page/map/alone_wrap.html
  View file @9bdbb71
1   -<!DOCTYPE html>
2   -<html lang="zh-cn">
3   -
4   -<head>
5   - <meta charset="UTF-8">
6   - <title>地图监控 v2.0</title>
7   - <!-- uikit core style-->
8   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css"/>
9   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css"
10   - merge="plugins"/>
11   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css"
12   - merge="plugins"/>
13   - <link rel="stylesheet"
14   - href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
15   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.gradient.min.css"
16   - merge="plugins"/>
17   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/slidenav.gradient.min.css"
18   - merge="plugins"/>
19   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css"
20   - merge="plugins"/>
21   -
22   - <!-- main style -->
23   - <link rel="stylesheet" href="/real_control_v2_mobile/css/main.css"/>
24   - <!-- north style -->
25   - <link rel="stylesheet" href="/real_control_v2_mobile/css/north.css" merge="custom_style"/>
26   - <!-- home style -->
27   - <link rel="stylesheet" href="/real_control_v2_mobile/css/home.css" merge="custom_style"/>
28   -
29   - <!-- js tree -->
30   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/jstree/default/style.css" merge="plugins"/>
31   -
32   - <link rel="stylesheet" href="/real_control_v2_mobile/css/modal_extend.css" merge="custom_style"/>
33   - <!-- perfect-scrollbar style -->
34   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.css"
35   - merge="plugins"/>
36   - <!-- layer 3.0.3 -->
37   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
38   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
39   -
40   - <!-- flatpickr -->
41   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.css" merge="plugins"/>
42   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/themes/airbnb.css" merge="plugins"/>
43   -
44   - <link rel="stylesheet" href="/real_control_v2_mobile/css/ct_table.css" merge="custom_style"/>
45   -
46   - <style>
47   - .main-container .map-panel{
48   - position: absolute;
49   - top:0;
50   - left: 0;
51   - width: 20px;
52   - z-index: 999;
53   - height: 20px;
54   - }
55   - </style>
56   -</head>
57   -
58   -<body>
59   -<div class="main-container" style="height: 100%;">
60   - <span style="position: absolute;left: calc(50% - 35px);top: calc(45% - 35px);">加载中...</span>
61   -</div>
62   -<!-- 地图相关 -->
63   -<script src="http://api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
64   -<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
65   -<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
66   -<script src="/assets/js/TransGPS.js" merge="plugins"></script>
67   -<!-- 高德 -->
68   -<script src="http://webapi.amap.com/maps?v=1.3&key=16cb1c5043847e09ef9edafdd77befda"></script>
69   -<!-- jquery -->
70   -<script src="/real_control_v2_mobile/assets/js/jquery.min.js"></script>
71   -<!-- jquery actual -->
72   -<script src="/real_control_v2_mobile/assets/js/jquery.actual.min.js" merge="plugins"></script>
73   -<!-- moment.js 日期处理类库 -->
74   -<script src="/real_control_v2_mobile/assets/plugins/moment/moment.min.js"></script>
75   -<script src="/real_control_v2_mobile/assets/plugins/moment/zh-cn.js"></script>
76   -
77   -<!-- flatpickr -->
78   -<script src="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
79   -<script src="/real_control_v2_mobile/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
80   -
81   -<!-- perfect-scrollbar -->
82   -<script src="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
83   -<!-- common js -->
84   -<script src="/real_control_v2_mobile/js/common.js"></script>
85   -<!-- art-template 模版引擎 -->
86   -<script src="/assets/plugins/template.js" merge="plugins"></script>
87   -<!-- d3 -->
88   -<script src="/assets/js/d3.min.js"></script>
89   -<!-- EventProxy -->
90   -<script src="/assets/js/eventproxy.js"></script>
91   -<!-- uikit core -->
92   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
93   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
94   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
95   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.min.js" merge="uikit_js"></script>
96   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.min.js" merge="uikit_js"></script>
97   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
98   -
99   -<!-- js tree -->
100   -<script src="/real_control_v2_mobile/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
101   -<!-- layer 3.0.3 -->
102   -<script src="/real_control_v2_mobile/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
103   -
104   -<!-- 模态框扩展 -->
105   -<script src="/real_control_v2_mobile/js/modal_extend.js" merge="custom_js"></script>
106   -
107   -<script src="/real_control_v2_mobile/alone_page/map/alone_data_basic.js" merge="custom_js"></script>
108   -<script src="/real_control_v2_mobile/alone_page/map/alone_data_gps.js" merge="custom_js"></script>
109   -<script src="/real_control_v2_mobile/js/utils/ct_table.js" merge="custom_js"></script>
110   -<!-- jquery.serializejson JSON序列化插件 -->
111   -<script src="/assets/plugins/jquery.serializejson.js" merge="uikit_js"></script>
112   -
113   -<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
114   -</body>
115   -<script>
116   - gb_data_gps.fixedTimeRefresh();
117   - var res_load_ep = EventProxy.create('data-basic', function () {
118   -
119   - //嵌入地图页面
120   - $('.main-container').load('/real_control_v2_mobile/mapmonitor/real.html', function () {
121   - $('.map-system-msg.flex-left').remove();
122   -
123   - $(this).append('<span class="map-panel"></span>');//判断里有JS判定这个容器是否显示
124   - });
125   - });
126   -
127   - var isArray = function (obj) {
128   - return Object.prototype.toString.call(obj) === '[object Array]';
129   - };
130   -</script>
131   -</html>
  1 +<!DOCTYPE html>
  2 +<html lang="zh-cn">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <title>地图监控 v2.0</title>
  7 + <!-- uikit core style-->
  8 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css"/>
  9 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css"
  10 + merge="plugins"/>
  11 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css"
  12 + merge="plugins"/>
  13 + <link rel="stylesheet"
  14 + href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
  15 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.gradient.min.css"
  16 + merge="plugins"/>
  17 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/slidenav.gradient.min.css"
  18 + merge="plugins"/>
  19 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css"
  20 + merge="plugins"/>
  21 +
  22 + <!-- main style -->
  23 + <link rel="stylesheet" href="/real_control_v2_mobile/css/main.css"/>
  24 + <!-- north style -->
  25 + <link rel="stylesheet" href="/real_control_v2_mobile/css/north.css" merge="custom_style"/>
  26 + <!-- home style -->
  27 + <link rel="stylesheet" href="/real_control_v2_mobile/css/home.css" merge="custom_style"/>
  28 +
  29 + <!-- js tree -->
  30 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/jstree/default/style.css" merge="plugins"/>
  31 +
  32 + <link rel="stylesheet" href="/real_control_v2_mobile/css/modal_extend.css" merge="custom_style"/>
  33 + <!-- perfect-scrollbar style -->
  34 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.css"
  35 + merge="plugins"/>
  36 + <!-- layer 3.0.3 -->
  37 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
  38 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
  39 +
  40 + <!-- flatpickr -->
  41 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.css" merge="plugins"/>
  42 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/themes/airbnb.css" merge="plugins"/>
  43 +
  44 + <link rel="stylesheet" href="/real_control_v2_mobile/css/ct_table.css" merge="custom_style"/>
  45 +
  46 + <style>
  47 + .main-container .map-panel{
  48 + position: absolute;
  49 + top:0;
  50 + left: 0;
  51 + width: 20px;
  52 + z-index: 999;
  53 + height: 20px;
  54 + }
  55 + </style>
  56 +</head>
  57 +
  58 +<body>
  59 +<div class="main-container" style="height: 100%;">
  60 + <span style="position: absolute;left: calc(50% - 35px);top: calc(45% - 35px);">加载中...</span>
  61 +</div>
  62 +<!-- 地图相关 -->
  63 +<script src="http://api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
  64 +<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
  65 +<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
  66 +<script src="/assets/js/TransGPS.js" merge="plugins"></script>
  67 +<!-- 高德 -->
  68 +<script src="http://webapi.amap.com/maps?v=1.3&key=16cb1c5043847e09ef9edafdd77befda"></script>
  69 +<!-- jquery -->
  70 +<script src="/real_control_v2_mobile/assets/js/jquery.min.js"></script>
  71 +<!-- jquery actual -->
  72 +<script src="/real_control_v2_mobile/assets/js/jquery.actual.min.js" merge="plugins"></script>
  73 +<!-- moment.js 日期处理类库 -->
  74 +<script src="/real_control_v2_mobile/assets/plugins/moment/moment.min.js"></script>
  75 +<script src="/real_control_v2_mobile/assets/plugins/moment/zh-cn.js"></script>
  76 +
  77 +<!-- flatpickr -->
  78 +<script src="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
  79 +<script src="/real_control_v2_mobile/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
  80 +
  81 +<!-- perfect-scrollbar -->
  82 +<script src="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
  83 +<!-- common js -->
  84 +<script src="/real_control_v2_mobile/js/common.js"></script>
  85 +<!-- art-template 模版引擎 -->
  86 +<script src="/assets/plugins/template.js" merge="plugins"></script>
  87 +<!-- d3 -->
  88 +<script src="/assets/js/d3.min.js"></script>
  89 +<!-- EventProxy -->
  90 +<script src="/assets/js/eventproxy.js"></script>
  91 +<!-- uikit core -->
  92 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
  93 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
  94 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
  95 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.min.js" merge="uikit_js"></script>
  96 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.min.js" merge="uikit_js"></script>
  97 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
  98 +
  99 +<!-- js tree -->
  100 +<script src="/real_control_v2_mobile/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
  101 +<!-- layer 3.0.3 -->
  102 +<script src="/real_control_v2_mobile/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
  103 +
  104 +<!-- 模态框扩展 -->
  105 +<script src="/real_control_v2_mobile/js/modal_extend.js" merge="custom_js"></script>
  106 +
  107 +<script src="/real_control_v2_mobile/alone_page/map/alone_data_basic.js" merge="custom_js"></script>
  108 +<script src="/real_control_v2_mobile/alone_page/map/alone_data_gps.js" merge="custom_js"></script>
  109 +<script src="/real_control_v2_mobile/js/utils/ct_table.js" merge="custom_js"></script>
  110 +<!-- jquery.serializejson JSON序列化插件 -->
  111 +<script src="/assets/plugins/jquery.serializejson.js" merge="uikit_js"></script>
  112 +
  113 +<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
  114 +</body>
  115 +<script>
  116 + gb_data_gps.fixedTimeRefresh();
  117 + var res_load_ep = EventProxy.create('data-basic', function () {
  118 +
  119 + //嵌入地图页面
  120 + $('.main-container').load('/real_control_v2_mobile/mapmonitor/real.html', function () {
  121 + $('.map-system-msg.flex-left').remove();
  122 +
  123 + $(this).append('<span class="map-panel"></span>');//判断里有JS判定这个容器是否显示
  124 + });
  125 + });
  126 +
  127 + var isArray = function (obj) {
  128 + return Object.prototype.toString.call(obj) === '[object Array]';
  129 + };
  130 +</script>
  131 +</html>
... ...
src/main/resources/static/real_control_v2_mobile/main.html
  View file @9bdbb71
1   -<!DOCTYPE html>
2   -<html lang="zh-cn">
3   -
4   -<head>
5   - <meta charset="UTF-8">
6   - <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />-->
7   - <title>线路调度 v2.0</title>
8   - <!-- uikit core style-->
9   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css" />
10   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css" merge="plugins"/>
11   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css" merge="plugins"/>
12   - <link rel="stylesheet"
13   - href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
14   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.gradient.min.css" merge="plugins"/>
15   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/slidenav.gradient.min.css" merge="plugins"/>
16   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css" merge="plugins"/>
17   -
18   - <!-- main style -->
19   - <link rel="stylesheet" href="/real_control_v2_mobile/css/main.css" />
20   - <!-- north style -->
21   - <link rel="stylesheet" href="/real_control_v2_mobile/css/north.css" merge="custom_style"/>
22   - <!-- home style -->
23   - <link rel="stylesheet" href="/real_control_v2_mobile/css/home.css" merge="custom_style"/>
24   - <!-- line style -->
25   - <link rel="stylesheet" href="/real_control_v2_mobile/css/line_schedule.css" merge="custom_style"/>
26   - <link rel="stylesheet" href="/real_control_v2_mobile/css/line_schedule_table.css" merge="custom_style"/>
27   -
28   - <link rel="stylesheet" href="/real_control_v2_mobile/css/sch_autocomp_result.css" merge="custom_style"/>
29   - <!-- custom table -->
30   - <link rel="stylesheet" href="/real_control_v2_mobile/css/ct_table.css" merge="custom_style"/>
31   - <!-- jquery contextMenu style -->
32   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/css/jquery.contextMenu.min.css" merge="plugins"/>
33   - <!-- formvalidation style -->
34   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.css" merge="plugins"/>
35   - <!-- js tree -->
36   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/jstree/default/style.css" merge="plugins"/>
37   - <!-- tooltip css-->
38   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.css" merge="plugins"/>
39   - <link rel="stylesheet" href="/real_control_v2_mobile/css/pace.css" merge="plugins"/>
40   -
41   - <link rel="stylesheet" href="/real_control_v2_mobile/css/modal_extend.css" merge="custom_style"/>
42   - <!-- perfect-scrollbar style -->
43   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" merge="plugins"/>
44   - <!-- layer 3.0.3 -->
45   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
46   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
47   -
48   - <!-- flatpickr -->
49   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.css" merge="plugins">
50   - <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/themes/airbnb.css" merge="plugins">
51   -</head>
52   -
53   -<body>
54   -<div class="north uk-width-1-1 uk-panel-box">
55   - <div class="uk-grid uk-grid-match">
56   - <div class="uk-width-4-10">
57   - <div class="uk-panel">
58   - <h2 class="north-logo">
59   - <!--<i class="uk-icon-life-ring"></i>--> 青浦公交线路调度
60   - </h2>
61   - </div>
62   - </div>
63   - <div class="uk-width-6-10">
64   - <div class="uk-panel uk-width north-toolbar"></div>
65   - </div>
66   - </div>
67   - <div class="north-tabs"></div>
68   - </div>
69   -
70   -<div class="main-container">
71   - <div class="load-panel">
72   - <i class="uk-icon-spinner uk-icon-spin"></i>
73   - 正在加载数据
74   - </div>
75   -</div>
76   -
77   -<script>
78   -
79   - delete window.exports;
80   - delete window.module;
81   -
82   - var ipcMain;
83   - //是否处于electron环境下
84   - var isElectron = (function () {
85   - try {
86   - if (process.versions.electron)
87   - return true;
88   - else
89   - return false;
90   - }
91   - catch (e) {
92   - return false;
93   - }
94   - })();
95   -
96   - if (isElectron) {
97   - var link = document.createElement("link");
98   - link.type = "text/css";
99   - link.rel = "stylesheet";
100   - link.href = "/real_control_v2_mobile/css/electron.css";
101   - document.getElementsByTagName("head")[0].appendChild(link);
102   -
103   - ipcMain = require('electron').ipcRenderer;
104   - }
105   -</script>
106   -
107   -<!-- 地图相关 -->
108   -<script src="http://api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
109   -<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
110   -<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
111   -<script src="/assets/js/TransGPS.js" merge="plugins"></script>
112   -<!-- 高德 -->
113   -<script src="http://webapi.amap.com/maps?v=1.3&key=16cb1c5043847e09ef9edafdd77befda"></script>
114   -<!-- jquery -->
115   -<script src="/real_control_v2_mobile/assets/js/jquery.min.js"></script>
116   -<!-- jquery actual -->
117   -<script src="/real_control_v2_mobile/assets/js/jquery.actual.min.js" merge="plugins"></script>
118   -<!-- jquery.serializejson JSON序列化插件 -->
119   -<script src="/assets/plugins/jquery.serializejson.js" merge="plugins"></script>
120   -<!-- moment.js 日期处理类库 -->
121   -<script src="/real_control_v2_mobile/assets/plugins/moment/moment.min.js"></script>
122   -<script src="/real_control_v2_mobile/assets/plugins/moment/zh-cn.js"></script>
123   -
124   -<!-- flatpickr -->
125   -<script src="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
126   -<script src="/real_control_v2_mobile/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
127   -
128   -<!-- perfect-scrollbar -->
129   -<script src="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
130   -<!-- common js -->
131   -<script src="/real_control_v2_mobile/js/common.js"></script>
132   -<!-- art-template 模版引擎 -->
133   -<script src="/assets/plugins/template.js" merge="plugins"></script>
134   -<!-- d3 -->
135   -<script src="/assets/js/d3.min.js"></script>
136   -<!-- EventProxy -->
137   -<script src="/assets/js/eventproxy.js"></script>
138   -<!-- main js -->
139   -<script src="/real_control_v2_mobile/js/main.js"></script>
140   -<!-- uikit core -->
141   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
142   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
143   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/pagination.min.js" merge="uikit_js"></script>
144   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
145   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.min.js" merge="uikit_js"></script>
146   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.min.js" merge="uikit_js"></script>
147   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/timepicker.min.js" merge="uikit_js"></script>
148   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/lightbox.min.js" merge="uikit_js"></script>
149   -<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
150   -
151   -
152   -<!-- jquery contextMenu -->
153   -<script src="/real_control_v2_mobile/assets/js/jquery.contextMenu.min.js" merge="plugins"></script>
154   -<script src="/real_control_v2_mobile/assets/js/jquery.ui.position.min.js" merge="plugins"></script>
155   -<!-- formvalidation- -->
156   -<script src="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.js" merge="plugins"></script>
157   -<script src="/real_control_v2_mobile/assets/plugins/formvalidation/zh_CN.js" merge="plugins"></script>
158   -<script src="/real_control_v2_mobile/assets/plugins/formvalidation/uikit.min.js" merge="plugins"></script>
159   -<!-- js tree -->
160   -<script src="/real_control_v2_mobile/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
161   -<!-- simple pinyin -->
162   -<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
163   -<!-- qtip -->
164   -<script src="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.js" merge="plugins"></script>
165   -<!-- layer 3.0.3 -->
166   -<script src="/real_control_v2_mobile/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
167   -
168   -<!-- 数据 -->
169   -<script src="/real_control_v2_mobile/js/data/data_basic.js" merge="custom_js"></script>
170   -<script src="/real_control_v2_mobile/js/data/data_gps.js" merge="custom_js"></script>
171   -<script src="/real_control_v2_mobile/js/data/gps_abnormal.js" merge="custom_js"></script>
172   -<script src="/real_control_v2_mobile/js/data/data_line_config.js" merge="custom_js"></script>
173   -<!-- 线路模拟图 -->
174   -<script src="/real_control_v2_mobile/js/utils/svg_chart.js" merge="custom_js"></script>
175   -<script src="/real_control_v2_mobile/js/utils/svg_data_convert.js" merge="custom_js"></script>
176   -<script src="/real_control_v2_mobile/js/utils/svg_chart_tooltip.js" merge="custom_js"></script>
177   -<script src="/real_control_v2_mobile/js/utils/svg_chart_map.js" merge="custom_js"></script>
178   -
179   -<!-- custom table js -->
180   -<script src="/real_control_v2_mobile/js/utils/ct_table.js" merge="custom_js"></script>
181   -<!-- north js -->
182   -<script src="/real_control_v2_mobile/js/north/toolbar.js" merge="custom_js"></script>
183   -<script src="/real_control_v2_mobile/js/north/tabs.js" merge="custom_js"></script>
184   -<script src="/real_control_v2_mobile/js/north/second_timer.js" merge="custom_js"></script>
185   -<!-- home js -->
186   -<script src="/real_control_v2_mobile/js/home/layout.js" merge="custom_js"></script>
187   -<script src="/real_control_v2_mobile/js/home/line_panel.js" merge="custom_js"></script>
188   -<script src="/real_control_v2_mobile/js/home/context_menu.js" merge="custom_js"></script>
189   -<!-- line schedule js -->
190   -<script src="/real_control_v2_mobile/js/line_schedule/legend.js" merge="custom_js"></script>
191   -<script src="/real_control_v2_mobile/js/line_schedule/layout.js" merge="custom_js"></script>
192   -<script src="/real_control_v2_mobile/js/line_schedule/sch_table.js" merge="custom_js"></script>
193   -<script src="/real_control_v2_mobile/js/line_schedule/context_menu.js" merge="custom_js"></script>
194   -<script src="/real_control_v2_mobile/js/line_schedule/dbclick.js" merge="custom_js"></script>
195   -<script src="/real_control_v2_mobile/js/line_schedule/search.js" merge="custom_js"></script>
196   -<script src="/real_control_v2_mobile/js/line_schedule/badge_tooltip.js" merge="custom_js"></script>
197   -<script src="/real_control_v2_mobile/js/line_schedule/mileage_count.js" merge="custom_js"></script>
198   -
199   -<!-- 字典相关 -->
200   -<script src="/assets/js/dictionary.js" merge="custom_js"></script>
201   -<!-- websocket -->
202   -<script src="/real_control_v2_mobile/assets/plugins/sockjs-client/sockjs.min.js"></script>
203   -<script src="/real_control_v2_mobile/js/websocket/sch_websocket.js" merge="custom_js"></script>
204   -<!-- tts -->
205   -<script src="/real_control_v2_mobile/js/utils/tts.js" merge="custom_js"></script>
206   -
207   -<!-- echart -->
208   -<script src="/real_control_v2_mobile/assets/echarts-3/echarts.js" merge="plugins"></script>
209   -<!-- Geolib -->
210   -<script src="/real_control_v2_mobile/geolib/geolib.js" merge="plugins"></script>
211   -
212   -<script src="/real_control_v2_mobile/js/signal_state/signal_state.js" merge="custom_js"></script>
213   -<script src="/real_control_v2_mobile/js/utils/dispatch_pattern.js" merge="custom_js"></script>
214   -
215   -<!-- 处理表单片段嵌入问题 -->
216   -<script src="/real_control_v2_mobile/js/forms/form_embed.js" merge="custom_js"></script>
217   -<!-- 模态框扩展 -->
218   -<script src="/real_control_v2_mobile/js/modal_extend.js" merge="custom_js"></script>
219   -
220   -<!-- #### 安全驾驶 start ### -->
221   -<div class="safe_driv_pop_wrap" ></div>
222   -<script id="safe_driv_item-temp" type="text/html">
223   - <div class="safe_driv_pop uk-animation-slide-bottom" data-nbbm="{{clzbh}}" data-type="{{yczltype}}" data-title="{{clzbh}} {{timeStr}} {{ycztText}}" data-url="{{url}}">
224   - <div>
225   - <span class="title">异常&nbsp;{{clzbh}}</span>
226   - <span class="text"> {{timeStr}} 出现违规驾驶（{{ycztText}}）</span>
227   - <span class="desc">--安全驾驶监管平台</span>
228   - </div>
229   - </div>
230   -</script>
231   -
232   -<script src="/real_control_v2_mobile/js/safe_driv/safeDriv.js" merge="custom_js"></script>
233   -<!-- #### 安全驾驶 end ### -->
234   -
235   -<!-- 打电话 -->
236   -<script src="http://114.80.178.12:9003/forward/voip/callCenterJs"></script>
237   -<script src="http://114.80.178.12:9003/forward/voip/phonePluginJs"></script>
238   -<script src="/real_control_v2_mobile/js/safe_driv/call_phone.js" ></script>
239   -
240   -<script id="voip_call_info_panel-temp" type="text/html">
241   - <div class="voip_call_info_panel" style="{{style}}">
242   - <p class="_title">VOIP</p>
243   - <form class="uk-form uk-form-horizontal">
244   -
245   - <div class="uk-form-row">
246   - <label class="uk-form-label" >工号:</label>
247   - <div class="uk-form-controls">
248   - <input type="text" name="agentID" value="1002" disabled>
249   - </div>
250   - </div>
251   - <div class="uk-form-row">
252   - <label class="uk-form-label">分机号:</label>
253   - <div class="uk-form-controls">
254   - <input type="text" name="dn" value="" >
255   - </div>
256   - </div>
257   - <div class="uk-form-row">
258   - <label class="uk-form-label" >自编号:</label>
259   - <div class="uk-form-controls">
260   - <input type="text" value="{{nbbm}}" disabled>
261   - </div>
262   - </div>
263   - <div class="uk-form-row">
264   - <label class="uk-form-label" >SIM号:</label>
265   - <div class="uk-form-controls">
266   - <input type="text" name="simNo" disabled>
267   - </div>
268   - </div>
269   - <hr>
270   - <h4 class="state_txt">
271   - <button class="uk-button uk-button-large" type="button" disabled>获取SIM卡号...</button>
272   - </h4>
273   - </form>
274   - </div>
275   -</script>
276   -</body>
277   -
278   -</html>
279   -<script>
280   - window.onload=function () {
281   - /*禁止双击屏幕放大，此方法不能完全禁止，如果用户两次点击速度很快时也会触发双击放大事件*/
282   - document.addEventListener('touchstart',function (event) {
283   - if(event.touches.length>1){
284   - event.preventDefault();
285   - }
286   - }, false);
287   - var lastTouchEnd=0;
288   - document.addEventListener('touchend',function (event) {
289   - var now=(new Date()).getTime();
290   - if(now-lastTouchEnd <= 200){
291   - event.preventDefault();
292   - }
293   - lastTouchEnd=now;
294   - },false)
295   - }
296   -
297   - $('body').on('click','.sidebar-toggler',function(){
298   - if ($(".uk-width-1-6").css("display") == "none") {
299   - $('.uk-width-5-6').css("width", "82.33%");
300   - $('.uk-width-1-6').show();
301   - } else {
302   - $('.uk-width-5-6').css("width", "97.99%");
303   - $('.uk-width-1-6').hide();
304   - }
305   - })
  1 +<!DOCTYPE html>
  2 +<html lang="zh-cn">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />-->
  7 + <title>线路调度 v2.0</title>
  8 + <!-- uikit core style-->
  9 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/css/uikit.gradient.min.css" />
  10 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.gradient.min.css" merge="plugins"/>
  11 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.gradient.min.css" merge="plugins"/>
  12 + <link rel="stylesheet"
  13 + href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.gradient.min.css" merge="plugins"/>
  14 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.gradient.min.css" merge="plugins"/>
  15 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/slidenav.gradient.min.css" merge="plugins"/>
  16 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.gradient.min.css" merge="plugins"/>
  17 +
  18 + <!-- main style -->
  19 + <link rel="stylesheet" href="/real_control_v2_mobile/css/main.css" />
  20 + <!-- north style -->
  21 + <link rel="stylesheet" href="/real_control_v2_mobile/css/north.css" merge="custom_style"/>
  22 + <!-- home style -->
  23 + <link rel="stylesheet" href="/real_control_v2_mobile/css/home.css" merge="custom_style"/>
  24 + <!-- line style -->
  25 + <link rel="stylesheet" href="/real_control_v2_mobile/css/line_schedule.css" merge="custom_style"/>
  26 + <link rel="stylesheet" href="/real_control_v2_mobile/css/line_schedule_table.css" merge="custom_style"/>
  27 +
  28 + <link rel="stylesheet" href="/real_control_v2_mobile/css/sch_autocomp_result.css" merge="custom_style"/>
  29 + <!-- custom table -->
  30 + <link rel="stylesheet" href="/real_control_v2_mobile/css/ct_table.css" merge="custom_style"/>
  31 + <!-- jquery contextMenu style -->
  32 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/css/jquery.contextMenu.min.css" merge="plugins"/>
  33 + <!-- formvalidation style -->
  34 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.css" merge="plugins"/>
  35 + <!-- js tree -->
  36 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/jstree/default/style.css" merge="plugins"/>
  37 + <!-- tooltip css-->
  38 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.css" merge="plugins"/>
  39 + <link rel="stylesheet" href="/real_control_v2_mobile/css/pace.css" merge="plugins"/>
  40 +
  41 + <link rel="stylesheet" href="/real_control_v2_mobile/css/modal_extend.css" merge="custom_style"/>
  42 + <!-- perfect-scrollbar style -->
  43 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" merge="plugins"/>
  44 + <!-- layer 3.0.3 -->
  45 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/default/layer.css" merge="plugins"/>
  46 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/layer3.0.3/skin/moon/style.css" merge="plugins"/>
  47 +
  48 + <!-- flatpickr -->
  49 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.css" merge="plugins">
  50 + <link rel="stylesheet" href="/real_control_v2_mobile/assets/plugins/flatpickr/themes/airbnb.css" merge="plugins">
  51 +</head>
  52 +
  53 +<body>
  54 +<div class="north uk-width-1-1 uk-panel-box">
  55 + <div class="uk-grid uk-grid-match">
  56 + <div class="uk-width-4-10">
  57 + <div class="uk-panel">
  58 + <h2 class="north-logo">
  59 + <!--<i class="uk-icon-life-ring"></i>--> 青浦公交线路调度
  60 + </h2>
  61 + </div>
  62 + </div>
  63 + <div class="uk-width-6-10">
  64 + <div class="uk-panel uk-width north-toolbar"></div>
  65 + </div>
  66 + </div>
  67 + <div class="north-tabs"></div>
  68 + </div>
  69 +
  70 +<div class="main-container">
  71 + <div class="load-panel">
  72 + <i class="uk-icon-spinner uk-icon-spin"></i>
  73 + 正在加载数据
  74 + </div>
  75 +</div>
  76 +
  77 +<script>
  78 +
  79 + delete window.exports;
  80 + delete window.module;
  81 +
  82 + var ipcMain;
  83 + //是否处于electron环境下
  84 + var isElectron = (function () {
  85 + try {
  86 + if (process.versions.electron)
  87 + return true;
  88 + else
  89 + return false;
  90 + }
  91 + catch (e) {
  92 + return false;
  93 + }
  94 + })();
  95 +
  96 + if (isElectron) {
  97 + var link = document.createElement("link");
  98 + link.type = "text/css";
  99 + link.rel = "stylesheet";
  100 + link.href = "/real_control_v2_mobile/css/electron.css";
  101 + document.getElementsByTagName("head")[0].appendChild(link);
  102 +
  103 + ipcMain = require('electron').ipcRenderer;
  104 + }
  105 +</script>
  106 +
  107 +<!-- 地图相关 -->
  108 +<script src="http://api.map.baidu.com/api?v=2.0&ak=1TgEKvYqohJyeGXnN6yHSSTb4psOarQw"></script>
  109 +<script src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
  110 +<script src="/assets/js/baidu//MarkerClusterer.js" merge="plugins"></script>
  111 +<script src="/assets/js/TransGPS.js" merge="plugins"></script>
  112 +<!-- 高德 -->
  113 +<script src="http://webapi.amap.com/maps?v=1.3&key=16cb1c5043847e09ef9edafdd77befda"></script>
  114 +<!-- jquery -->
  115 +<script src="/real_control_v2_mobile/assets/js/jquery.min.js"></script>
  116 +<!-- jquery actual -->
  117 +<script src="/real_control_v2_mobile/assets/js/jquery.actual.min.js" merge="plugins"></script>
  118 +<!-- jquery.serializejson JSON序列化插件 -->
  119 +<script src="/assets/plugins/jquery.serializejson.js" merge="plugins"></script>
  120 +<!-- moment.js 日期处理类库 -->
  121 +<script src="/real_control_v2_mobile/assets/plugins/moment/moment.min.js"></script>
  122 +<script src="/real_control_v2_mobile/assets/plugins/moment/zh-cn.js"></script>
  123 +
  124 +<!-- flatpickr -->
  125 +<script src="/real_control_v2_mobile/assets/plugins/flatpickr/flatpickr.min.js" merge="plugins"></script>
  126 +<script src="/real_control_v2_mobile/assets/plugins/flatpickr/l10n/zh.js" merge="plugins"></script>
  127 +
  128 +<!-- perfect-scrollbar -->
  129 +<script src="/real_control_v2_mobile/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" merge="plugins"></script>
  130 +<!-- common js -->
  131 +<script src="/real_control_v2_mobile/js/common.js"></script>
  132 +<!-- art-template 模版引擎 -->
  133 +<script src="/assets/plugins/template.js" merge="plugins"></script>
  134 +<!-- d3 -->
  135 +<script src="/assets/js/d3.min.js"></script>
  136 +<!-- EventProxy -->
  137 +<script src="/assets/js/eventproxy.js"></script>
  138 +<!-- main js -->
  139 +<script src="/real_control_v2_mobile/js/main.js"></script>
  140 +<!-- uikit core -->
  141 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/uikit.min.js" merge="uikit_js"></script>
  142 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/notify.min.js" merge="uikit_js"></script>
  143 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/pagination.min.js" merge="uikit_js"></script>
  144 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/tooltip.min.js" merge="uikit_js"></script>
  145 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/autocomplete.min.js" merge="uikit_js"></script>
  146 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/accordion.min.js" merge="uikit_js"></script>
  147 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/timepicker.min.js" merge="uikit_js"></script>
  148 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/lightbox.min.js" merge="uikit_js"></script>
  149 +<script src="/real_control_v2_mobile/assets/plugins/uikit-2.27.1/components/sticky.min.js" merge="uikit_js"></script>
  150 +
  151 +
  152 +<!-- jquery contextMenu -->
  153 +<script src="/real_control_v2_mobile/assets/js/jquery.contextMenu.min.js" merge="plugins"></script>
  154 +<script src="/real_control_v2_mobile/assets/js/jquery.ui.position.min.js" merge="plugins"></script>
  155 +<!-- formvalidation- -->
  156 +<script src="/real_control_v2_mobile/assets/plugins/formvalidation/formValidation.min.js" merge="plugins"></script>
  157 +<script src="/real_control_v2_mobile/assets/plugins/formvalidation/zh_CN.js" merge="plugins"></script>
  158 +<script src="/real_control_v2_mobile/assets/plugins/formvalidation/uikit.min.js" merge="plugins"></script>
  159 +<!-- js tree -->
  160 +<script src="/real_control_v2_mobile/assets/plugins/jstree/jstree.min.js" merge="plugins"></script>
  161 +<!-- simple pinyin -->
  162 +<script src="/assets/plugins/pinyin.js" merge="plugins"></script>
  163 +<!-- qtip -->
  164 +<script src="/real_control_v2_mobile/assets/plugins/qtip/jquery.qtip.min.js" merge="plugins"></script>
  165 +<!-- layer 3.0.3 -->
  166 +<script src="/real_control_v2_mobile/assets/plugins/layer3.0.3/layer.js" merge="plugins"></script>
  167 +
  168 +<!-- 数据 -->
  169 +<script src="/real_control_v2_mobile/js/data/data_basic.js" merge="custom_js"></script>
  170 +<script src="/real_control_v2_mobile/js/data/data_gps.js" merge="custom_js"></script>
  171 +<script src="/real_control_v2_mobile/js/data/gps_abnormal.js" merge="custom_js"></script>
  172 +<script src="/real_control_v2_mobile/js/data/data_line_config.js" merge="custom_js"></script>
  173 +<!-- 线路模拟图 -->
  174 +<script src="/real_control_v2_mobile/js/utils/svg_chart.js" merge="custom_js"></script>
  175 +<script src="/real_control_v2_mobile/js/utils/svg_data_convert.js" merge="custom_js"></script>
  176 +<script src="/real_control_v2_mobile/js/utils/svg_chart_tooltip.js" merge="custom_js"></script>
  177 +<script src="/real_control_v2_mobile/js/utils/svg_chart_map.js" merge="custom_js"></script>
  178 +
  179 +<!-- custom table js -->
  180 +<script src="/real_control_v2_mobile/js/utils/ct_table.js" merge="custom_js"></script>
  181 +<!-- north js -->
  182 +<script src="/real_control_v2_mobile/js/north/toolbar.js" merge="custom_js"></script>
  183 +<script src="/real_control_v2_mobile/js/north/tabs.js" merge="custom_js"></script>
  184 +<script src="/real_control_v2_mobile/js/north/second_timer.js" merge="custom_js"></script>
  185 +<!-- home js -->
  186 +<script src="/real_control_v2_mobile/js/home/layout.js" merge="custom_js"></script>
  187 +<script src="/real_control_v2_mobile/js/home/line_panel.js" merge="custom_js"></script>
  188 +<script src="/real_control_v2_mobile/js/home/context_menu.js" merge="custom_js"></script>
  189 +<!-- line schedule js -->
  190 +<script src="/real_control_v2_mobile/js/line_schedule/legend.js" merge="custom_js"></script>
  191 +<script src="/real_control_v2_mobile/js/line_schedule/layout.js" merge="custom_js"></script>
  192 +<script src="/real_control_v2_mobile/js/line_schedule/sch_table.js" merge="custom_js"></script>
  193 +<script src="/real_control_v2_mobile/js/line_schedule/context_menu.js" merge="custom_js"></script>
  194 +<script src="/real_control_v2_mobile/js/line_schedule/dbclick.js" merge="custom_js"></script>
  195 +<script src="/real_control_v2_mobile/js/line_schedule/search.js" merge="custom_js"></script>
  196 +<script src="/real_control_v2_mobile/js/line_schedule/badge_tooltip.js" merge="custom_js"></script>
  197 +<script src="/real_control_v2_mobile/js/line_schedule/mileage_count.js" merge="custom_js"></script>
  198 +
  199 +<!-- 字典相关 -->
  200 +<script src="/assets/js/dictionary.js" merge="custom_js"></script>
  201 +<!-- websocket -->
  202 +<script src="/real_control_v2_mobile/assets/plugins/sockjs-client/sockjs.min.js"></script>
  203 +<script src="/real_control_v2_mobile/js/websocket/sch_websocket.js" merge="custom_js"></script>
  204 +<!-- tts -->
  205 +<script src="/real_control_v2_mobile/js/utils/tts.js" merge="custom_js"></script>
  206 +
  207 +<!-- echart -->
  208 +<script src="/real_control_v2_mobile/assets/echarts-3/echarts.js" merge="plugins"></script>
  209 +<!-- Geolib -->
  210 +<script src="/real_control_v2_mobile/geolib/geolib.js" merge="plugins"></script>
  211 +
  212 +<script src="/real_control_v2_mobile/js/signal_state/signal_state.js" merge="custom_js"></script>
  213 +<script src="/real_control_v2_mobile/js/utils/dispatch_pattern.js" merge="custom_js"></script>
  214 +
  215 +<!-- 处理表单片段嵌入问题 -->
  216 +<script src="/real_control_v2_mobile/js/forms/form_embed.js" merge="custom_js"></script>
  217 +<!-- 模态框扩展 -->
  218 +<script src="/real_control_v2_mobile/js/modal_extend.js" merge="custom_js"></script>
  219 +
  220 +<!-- #### 安全驾驶 start ### -->
  221 +<div class="safe_driv_pop_wrap" ></div>
  222 +<script id="safe_driv_item-temp" type="text/html">
  223 + <div class="safe_driv_pop uk-animation-slide-bottom" data-nbbm="{{clzbh}}" data-type="{{yczltype}}" data-title="{{clzbh}} {{timeStr}} {{ycztText}}" data-url="{{url}}">
  224 + <div>
  225 + <span class="title">异常&nbsp;{{clzbh}}</span>
  226 + <span class="text"> {{timeStr}} 出现违规驾驶（{{ycztText}}）</span>
  227 + <span class="desc">--安全驾驶监管平台</span>
  228 + </div>
  229 + </div>
  230 +</script>
  231 +
  232 +<script src="/real_control_v2_mobile/js/safe_driv/safeDriv.js" merge="custom_js"></script>
  233 +<!-- #### 安全驾驶 end ### -->
  234 +
  235 +<!-- 打电话 -->
  236 +<script src="http://114.80.178.12:9003/forward/voip/callCenterJs"></script>
  237 +<script src="http://114.80.178.12:9003/forward/voip/phonePluginJs"></script>
  238 +<script src="/real_control_v2_mobile/js/safe_driv/call_phone.js" ></script>
  239 +
  240 +<script id="voip_call_info_panel-temp" type="text/html">
  241 + <div class="voip_call_info_panel" style="{{style}}">
  242 + <p class="_title">VOIP</p>
  243 + <form class="uk-form uk-form-horizontal">
  244 +
  245 + <div class="uk-form-row">
  246 + <label class="uk-form-label" >工号:</label>
  247 + <div class="uk-form-controls">
  248 + <input type="text" name="agentID" value="1002" disabled>
  249 + </div>
  250 + </div>
  251 + <div class="uk-form-row">
  252 + <label class="uk-form-label">分机号:</label>
  253 + <div class="uk-form-controls">
  254 + <input type="text" name="dn" value="" >
  255 + </div>
  256 + </div>
  257 + <div class="uk-form-row">
  258 + <label class="uk-form-label" >自编号:</label>
  259 + <div class="uk-form-controls">
  260 + <input type="text" value="{{nbbm}}" disabled>
  261 + </div>
  262 + </div>
  263 + <div class="uk-form-row">
  264 + <label class="uk-form-label" >SIM号:</label>
  265 + <div class="uk-form-controls">
  266 + <input type="text" name="simNo" disabled>
  267 + </div>
  268 + </div>
  269 + <hr>
  270 + <h4 class="state_txt">
  271 + <button class="uk-button uk-button-large" type="button" disabled>获取SIM卡号...</button>
  272 + </h4>
  273 + </form>
  274 + </div>
  275 +</script>
  276 +</body>
  277 +
  278 +</html>
  279 +<script>
  280 + window.onload=function () {
  281 + /*禁止双击屏幕放大，此方法不能完全禁止，如果用户两次点击速度很快时也会触发双击放大事件*/
  282 + document.addEventListener('touchstart',function (event) {
  283 + if(event.touches.length>1){
  284 + event.preventDefault();
  285 + }
  286 + }, false);
  287 + var lastTouchEnd=0;
  288 + document.addEventListener('touchend',function (event) {
  289 + var now=(new Date()).getTime();
  290 + if(now-lastTouchEnd <= 200){
  291 + event.preventDefault();
  292 + }
  293 + lastTouchEnd=now;
  294 + },false)
  295 + }
  296 +
  297 + $('body').on('click','.sidebar-toggler',function(){
  298 + if ($(".uk-width-1-6").css("display") == "none") {
  299 + $('.uk-width-5-6').css("width", "82.33%");
  300 + $('.uk-width-1-6').show();
  301 + } else {
  302 + $('.uk-width-5-6').css("width", "97.99%");
  303 + $('.uk-width-1-6').hide();
  304 + }
  305 + })
306 306 </script>
307 307 \ No newline at end of file
... ...