BJ_web_developers / webportal

Commit 7d632d1114b683990a2b72634d28102323c9a857

Authored by liuqimichale
1 parent 1a3d82b9

china.js 地图

Inline Side-by-side
Showing 2 changed files with 276 additions and 165 deletions
images/parkIcon2.png 0 → 100644
View file @7d632d1

4.4 KB
js/contact.js
  View file @7d632d1
1 1
2 var myChart = echarts.init(document.getElementById('main')); 2 var myChart = echarts.init(document.getElementById('main'));
3 3
  4 +
4 var geoCoordMap = { 5 var geoCoordMap = {
5 '上海': [121.4648,31.2891], 6 '上海': [121.4648,31.2891],
6 '东莞': [113.8953,22.901], 7 '东莞': [113.8953,22.901],
@@ -122,141 +123,244 @@ var geoCoordMap = { @@ -122,141 +123,244 @@ var geoCoordMap = {
122 123
123 }; 124 };
124 125
125 -var BJData = [  
126 -];  
127 -  
128 -var SHData = [  
129 -  
130 - [{name:'广州'},{name:'北京',value:90}],  
131 - [{name:'北京'}, {name:'赤峰',value:90}],  
132 - [{name:'北京'}, {name:'青岛',value:90}],  
133 - [{name:'北京'}, {name:'邯郸',value:90}],  
134 - [{name:'北京'}, {name:'丹阳',value:90}],  
135 - [{name:'北京'}, {name:'双流',value:90}],  
136 -];  
137 126
138 -var GZData = [  
139 - [{name:'北京'}, {name:'无锡',value:190}],  
140 127
  128 +var data = [
  129 + {name: '无锡', value: 179},
  130 + {name: '青岛', value: 12},
  131 + {name: '北京', value: 12},
  132 + {name: '赤峰', value: 12},
  133 + {name: '双流', value: 13},
  134 + {name: '邯郸', value: 12},
141 ]; 135 ];
  136 +var geoCoordMap = {
  137 + '海门':[121.15,31.89],
  138 + '鄂尔多斯':[109.781327,39.608266],
  139 + '招远':[120.38,37.35],
  140 + '舟山':[122.207216,29.985295],
  141 + '齐齐哈尔':[123.97,47.33],
  142 + '盐城':[120.13,33.38],
  143 + '赤峰':[118.87,42.28],
  144 + '青岛':[120.33,36.07],
  145 + '乳山':[121.52,36.89],
  146 + '金昌':[102.188043,38.520089],
  147 + '泉州':[118.58,24.93],
  148 + '莱西':[120.53,36.86],
  149 + '日照':[119.46,35.42],
  150 + '胶南':[119.97,35.88],
  151 + '南通':[121.05,32.08],
  152 + '拉萨':[91.11,29.97],
  153 + '云浮':[112.02,22.93],
  154 + '梅州':[116.1,24.55],
  155 + '文登':[122.05,37.2],
  156 + '上海':[121.48,31.22],
  157 + '攀枝花':[101.718637,26.582347],
  158 + '威海':[122.1,37.5],
  159 + '承德':[117.93,40.97],
  160 + '厦门':[118.1,24.46],
  161 + '汕尾':[115.375279,22.786211],
  162 + '潮州':[116.63,23.68],
  163 + '丹东':[124.37,40.13],
  164 + '太仓':[121.1,31.45],
  165 + '曲靖':[103.79,25.51],
  166 + '烟台':[121.39,37.52],
  167 + '福州':[119.3,26.08],
  168 + '瓦房店':[121.979603,39.627114],
  169 + '即墨':[120.45,36.38],
  170 + '抚顺':[123.97,41.97],
  171 + '玉溪':[102.52,24.35],
  172 + '张家口':[114.87,40.82],
  173 + '阳泉':[113.57,37.85],
  174 + '莱州':[119.942327,37.177017],
  175 + '湖州':[120.1,30.86],
  176 + '汕头':[116.69,23.39],
  177 + '昆山':[120.95,31.39],
  178 + '宁波':[121.56,29.86],
  179 + '湛江':[110.359377,21.270708],
  180 + '揭阳':[116.35,23.55],
  181 + '荣成':[122.41,37.16],
  182 + '连云港':[119.16,34.59],
  183 + '葫芦岛':[120.836932,40.711052],
  184 + '常熟':[120.74,31.64],
  185 + '东莞':[113.75,23.04],
  186 + '河源':[114.68,23.73],
  187 + '淮安':[119.15,33.5],
  188 + '泰州':[119.9,32.49],
  189 + '南宁':[108.33,22.84],
  190 + '营口':[122.18,40.65],
  191 + '惠州':[114.4,23.09],
  192 + '江阴':[120.26,31.91],
  193 + '蓬莱':[120.75,37.8],
  194 + '韶关':[113.62,24.84],
  195 + '嘉峪关':[98.289152,39.77313],
  196 + '广州':[113.23,23.16],
  197 + '延安':[109.47,36.6],
  198 + '太原':[112.53,37.87],
  199 + '清远':[113.01,23.7],
  200 + '中山':[113.38,22.52],
  201 + '昆明':[102.73,25.04],
  202 + '寿光':[118.73,36.86],
  203 + '盘锦':[122.070714,41.119997],
  204 + '长治':[113.08,36.18],
  205 + '深圳':[114.07,22.62],
  206 + '珠海':[113.52,22.3],
  207 + '宿迁':[118.3,33.96],
  208 + '咸阳':[108.72,34.36],
  209 + '铜川':[109.11,35.09],
  210 + '平度':[119.97,36.77],
  211 + '佛山':[113.11,23.05],
  212 + '海口':[110.35,20.02],
  213 + '江门':[113.06,22.61],
  214 + '章丘':[117.53,36.72],
  215 + '肇庆':[112.44,23.05],
  216 + '大连':[121.62,38.92],
  217 + '临汾':[111.5,36.08],
  218 + '吴江':[120.63,31.16],
  219 + '石嘴山':[106.39,39.04],
  220 + '沈阳':[123.38,41.8],
  221 + '苏州':[120.62,31.32],
  222 + '茂名':[110.88,21.68],
  223 + '嘉兴':[120.76,30.77],
  224 + '长春':[125.35,43.88],
  225 + '胶州':[120.03336,36.264622],
  226 + '银川':[106.27,38.47],
  227 + '张家港':[120.555821,31.875428],
  228 + '三门峡':[111.19,34.76],
  229 + '锦州':[121.15,41.13],
  230 + '南昌':[115.89,28.68],
  231 + '柳州':[109.4,24.33],
  232 + '三亚':[109.511909,18.252847],
  233 + '自贡':[104.778442,29.33903],
  234 + '吉林':[126.57,43.87],
  235 + '阳江':[111.95,21.85],
  236 + '泸州':[105.39,28.91],
  237 + '西宁':[101.74,36.56],
  238 + '宜宾':[104.56,29.77],
  239 + '呼和浩特':[111.65,40.82],
  240 + '成都':[104.06,30.67],
  241 + '大同':[113.3,40.12],
  242 + '镇江':[119.44,32.2],
  243 + '桂林':[110.28,25.29],
  244 + '张家界':[110.479191,29.117096],
  245 + '宜兴':[119.82,31.36],
  246 + '北海':[109.12,21.49],
  247 + '西安':[108.95,34.27],
  248 + '金坛':[119.56,31.74],
  249 + '东营':[118.49,37.46],
  250 + '牡丹江':[129.58,44.6],
  251 + '遵义':[106.9,27.7],
  252 + '绍兴':[120.58,30.01],
  253 + '扬州':[119.42,32.39],
  254 + '常州':[119.95,31.79],
  255 + '潍坊':[119.1,36.62],
  256 + '重庆':[106.54,29.59],
  257 + '台州':[121.420757,28.656386],
  258 + '南京':[118.78,32.04],
  259 + '滨州':[118.03,37.36],
  260 + '贵阳':[106.71,26.57],
  261 + '无锡':[120.29,31.59],
  262 + '本溪':[123.73,41.3],
  263 + '克拉玛依':[84.77,45.59],
  264 + '渭南':[109.5,34.52],
  265 + '马鞍山':[118.48,31.56],
  266 + '宝鸡':[107.15,34.38],
  267 + '焦作':[113.21,35.24],
  268 + '句容':[119.16,31.95],
  269 + '北京':[116.46,39.92],
  270 + '徐州':[117.2,34.26],
  271 + '衡水':[115.72,37.72],
  272 + '包头':[110,40.58],
  273 + '绵阳':[104.73,31.48],
  274 + '乌鲁木齐':[87.68,43.77],
  275 + '枣庄':[117.57,34.86],
  276 + '杭州':[120.19,30.26],
  277 + '淄博':[118.05,36.78],
  278 + '鞍山':[122.85,41.12],
  279 + '溧阳':[119.48,31.43],
  280 + '库尔勒':[86.06,41.68],
  281 + '安阳':[114.35,36.1],
  282 + '开封':[114.35,34.79],
  283 + '济南':[117,36.65],
  284 + '德阳':[104.37,31.13],
  285 + '温州':[120.65,28.01],
  286 + '九江':[115.97,29.71],
  287 + '邯郸':[114.47,36.6],
  288 + '临安':[119.72,30.23],
  289 + '兰州':[103.73,36.03],
  290 + '沧州':[116.83,38.33],
  291 + '临沂':[118.35,35.05],
  292 + '南充':[106.110698,30.837793],
  293 + '天津':[117.2,39.13],
  294 + '富阳':[119.95,30.07],
  295 + '泰安':[117.13,36.18],
  296 + '诸暨':[120.23,29.71],
  297 + '郑州':[113.65,34.76],
  298 + '哈尔滨':[126.63,45.75],
  299 + '聊城':[115.97,36.45],
  300 + '芜湖':[118.38,31.33],
  301 + '唐山':[118.02,39.63],
  302 + '平顶山':[113.29,33.75],
  303 + '邢台':[114.48,37.05],
  304 + '德州':[116.29,37.45],
  305 + '济宁':[116.59,35.38],
  306 + '荆州':[112.239741,30.335165],
  307 + '宜昌':[111.3,30.7],
  308 + '义乌':[120.06,29.32],
  309 + '丽水':[119.92,28.45],
  310 + '洛阳':[112.44,34.7],
  311 + '秦皇岛':[119.57,39.95],
  312 + '株洲':[113.16,27.83],
  313 + '石家庄':[114.48,38.03],
  314 + '莱芜':[117.67,36.19],
  315 + '常德':[111.69,29.05],
  316 + '保定':[115.48,38.85],
  317 + '湘潭':[112.91,27.87],
  318 + '金华':[119.64,29.12],
  319 + '岳阳':[113.09,29.37],
  320 + '长沙':[113,28.21],
  321 + '衢州':[118.88,28.97],
  322 + '廊坊':[116.7,39.53],
  323 + '菏泽':[115.480656,35.23375],
  324 + '合肥':[117.27,31.86],
  325 + '武汉':[114.31,30.52],
  326 + '大庆':[125.03,46.58],
  327 + '双流': [103.930965,30.579155],
  328 +};
142 329
143 var convertData = function (data) { 330 var convertData = function (data) {
144 - 331 + var res = [];
  332 + for (var i = 0; i < data.length; i++) {
  333 + var geoCoord = geoCoordMap[data[i].name];
  334 + if (geoCoord) {
  335 + res.push({
  336 + name: data[i].name,
  337 + value: geoCoord.concat(data[i].value)
  338 + });
  339 + }
  340 + }
  341 + return res;
145 }; 342 };
146 343
147 -var color = ['#49A4FE', '#49A4FE', '#f00'];  
148 -var series = [];  
149 -[['北京', BJData], ['上海', SHData], ['广州', GZData]].forEach(function (item, i) {  
150 - console.log(geoCoordMap[item[0]].concat([100]));  
151 - series.push(  
152 -// {  
153 -// type: 'scatter',  
154 -// coordinateSystem: 'geo',  
155 -// zlevel: 2,  
156 -// rippleEffect: {  
157 -// period:4,  
158 -// brushType: 'stroke',  
159 -// scale: 4  
160 -// },  
161 -// label: {  
162 -// normal: {  
163 -// show: true,  
164 -// position: 'right',  
165 -// // offset:[5, 0],  
166 -//  
167 -// color:'#00ffff',  
168 -// formatter: '{b}',  
169 -// textStyle: {  
170 -// color:"#00ffff"  
171 -// }  
172 -// },  
173 -// emphasis: {  
174 -// show: true  
175 -// }  
176 -// },  
177 -// symbol: 'pin',  
178 -// symbolSize:30,  
179 -// itemStyle: {  
180 -// normal: {  
181 -// show: true,  
182 -// color: '#9966cc'  
183 -// }  
184 -// },  
185 -// data:[{  
186 -// name: '北京',  
187 -// value: [116.4551, 40.2539, 100],  
188 -// }],  
189 -// },  
190 - {  
191 - name: item[0] + ' Top10',  
192 - type: 'effectScatter',  
193 - coordinateSystem: 'geo',  
194 - zlevel: 2,  
195 - rippleEffect: {  
196 - brushType: 'stroke'  
197 - },  
198 - label: {  
199 - normal: {  
200 - show: true,  
201 - position: 'right',  
202 - formatter: '{b}'  
203 - }  
204 - },  
205 - symbolSize: function(val) {  
206 - return val[2] / 10;  
207 - },  
208 - itemStyle: {  
209 - normal: {  
210 - color: color[i]  
211 - }  
212 - },  
213 - data: item[1].map(function (dataItem) {  
214 - return {  
215 - name: dataItem[1].name,  
216 - value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])  
217 - };  
218 - })  
219 - });  
220 -});  
221 -console.log(series)  
222 -  
223 option = { 344 option = {
224 backgroundColor: '#fff', 345 backgroundColor: '#fff',
225 - title : {  
226 - text: '联系我们',  
227 - subtext: '打造创新型停车场 轻松停车',  
228 - left: 'center',  
229 - textStyle : {  
230 - color: '#000',  
231 - fontSize:30,  
232 - },  
233 - subtextStyle: {  
234 - color: 'rgba(0,0,0,.7)',  
235 - fontSize:22,  
236 - }  
237 - },  
238 - 346 + // title: {
  347 + // text: '全国主要城市空气质量',
  348 + // subtext: 'data from PM25.in',
  349 + // sublink: 'http://www.pm25.in',
  350 + // left: 'center',
  351 + // textStyle: {
  352 + // color: '#fff'
  353 + // }
  354 + // },
239 tooltip : { 355 tooltip : {
240 show:false, 356 show:false,
241 - // trigger: 'item',  
242 - // formatter:function(params, ticket, callback){  
243 - // console.log(params);  
244 - // if(params.seriesType=="effectScatter") {  
245 - // return "线路："+params.data.name+""+params.data.value[2];  
246 - // }else if(params.seriesType=="lines"){  
247 - // return params.data.fromName+">"+params.data.toName+"<br />"+params.data.value;  
248 - // }else{  
249 - // return params.name;  
250 - // }  
251 - // }  
252 }, 357 },
253 358
254 geo: { 359 geo: {
255 map: 'china', 360 map: 'china',
256 label: { 361 label: {
257 emphasis: { 362 emphasis: {
258 - show: true,  
259 - color:'#fff' 363 + show: false
260 } 364 }
261 }, 365 },
262 roam: false, 366 roam: false,
@@ -270,53 +374,60 @@ option = { @@ -270,53 +374,60 @@ option = {
270 } 374 }
271 } 375 }
272 }, 376 },
273 - // graphic: [  
274 - //  
275 - // {  
276 - // type: 'group',  
277 - // right: 'right',  
278 - // top: 'center',  
279 - // children: [  
280 - // {  
281 - // type: 'rect',  
282 - // z: 100,  
283 - // left: 'center',  
284 - // top: 'middle',  
285 - // shape: {  
286 - // width: 190,  
287 - // height: 90  
288 - // },  
289 - // style: {  
290 - // fill: '#fff',  
291 - // stroke: '#555',  
292 - // lineWidth: 2,  
293 - // shadowBlur: 8,  
294 - // shadowOffsetX: 3,  
295 - // shadowOffsetY: 3,  
296 - // shadowColor: 'rgba(0,0,0,0.3)'  
297 - // }  
298 - // },  
299 - // {  
300 - // type: 'text',  
301 - // z: 100,  
302 - // left: 'center',  
303 - // top: 'middle',  
304 - // style: {  
305 - // fill: '#333',  
306 - // text: [  
307 - // '无锡大三大四大所多',  
308 - // '无锡大三大四大所多，单位是km',  
309 - // '无锡大三大四大所多',  
310 - // '无锡大三大四大所多',  
311 - // '无锡大三大四大所多'  
312 - // ].join('\n'),  
313 - // font: '14px Microsoft YaHei'  
314 - // }  
315 - // }  
316 - // ]  
317 - // }  
318 - // ],  
319 - series: series 377 + series : [
  378 + {
  379 + name: 'pm2.5',
  380 + type: 'scatter',
  381 + coordinateSystem: 'geo',
  382 + data: convertData(data),
  383 + symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNmMwMTFjNS03Y2MzLTRkMmMtYTkzYy0zZjE3MjcyMjgxYzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwNDc2RjY1OEMwMTFFOEFBNjVGRkY5OEREMTA1MjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTYwNDc2RjU1OEMwMTFFOEFBNjVGRkY5OEREMTA1MjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmMwMTFjNS03Y2MzLTRkMmMtYTkzYy0zZjE3MjcyMjgxYzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZjZjMDExYzUtN2NjMy00ZDJjLWE5M2MtM2YxNzI3MjI4MWM3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',
  384 + symbolSize: [30,40],
  385 + label: {
  386 + normal: {
  387 + formatter: '{b}',
  388 + position: 'right',
  389 + show: true
  390 + },
  391 + emphasis: {
  392 + show: true
  393 + }
  394 + },
  395 + itemStyle: {
  396 + normal: {
  397 + color: '#3F9FFE'
  398 + }
  399 + }
  400 + },
  401 + {
  402 + name: 'Top 5',
  403 + type: 'effectScatter',
  404 + coordinateSystem: 'geo',
  405 + data: convertData(data.sort(function (a, b) {
  406 + return b.value - a.value;
  407 + }).slice(0, 1)),
  408 + symbolSize: 6,
  409 + showEffectOn: 'render',
  410 + rippleEffect: { //涟漪特效相关配置
  411 + period:'4', //动画的时间
  412 + scale:'20', //动画中波纹的最大缩放比例
  413 + brushType: 'stroke'
  414 + },
  415 + hoverAnimation: true,
  416 + label: {
  417 + normal: {
  418 + formatter: '{b}'+'总部',
  419 + position: 'right',
  420 + show: true
  421 + }
  422 + },
  423 + itemStyle: {
  424 + normal: {
  425 + color: '#f00',
  426 + }
  427 + },
  428 + zlevel: 1
  429 + }
  430 + ]
320 }; 431 };
321 432
322 // 使用刚指定的配置项和数据显示图表。 433 // 使用刚指定的配置项和数据显示图表。