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 2 var myChart = echarts.init(document.getElementById('main'));
3 3  
  4 +
4 5 var geoCoordMap = {
5 6 '上海': [121.4648,31.2891],
6 7 '东莞': [113.8953,22.901],
... ... @@ -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 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 344 option = {
224 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 355 tooltip : {
240 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 359 geo: {
255 360 map: 'china',
256 361 label: {
257 362 emphasis: {
258   - show: true,
259   - color:'#fff'
  363 + show: false
260 364 }
261 365 },
262 366 roam: false,
... ... @@ -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 // 使用刚指定的配置项和数据显示图表。
... ...