| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- <!--********************************************************************
- * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
- *********************************************************************-->
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title data-i18n="resources.title_scatterWeibo"></title>
- <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
- </head>
- <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
- <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
- <script type="text/javascript" include="echarts" src="../../dist/leaflet/include-leaflet.js"></script>
- <script type="text/javascript">
- var host = window.isLocal ? window.server : "https://iserver.supermap.io";
- var map, url = host + "/iserver/services/map-china400/rest/maps/ChinaDark";
- map = L.map('map', {
- center: [37.94, 112],
- maxZoom: 18,
- zoom: 4
- });
- L.supermap.tiledMapLayer(url).addTo(map);
- var grade=[
- resources.text_strong,
- resources.text_middle,
- resources.text_weak
- ]
- var layer;
- $.get('../data/weibo.json', function (weiboData) {
- weiboData = weiboData.map(function (serieData, idx) {
- var px = serieData[0] / 1000;
- var py = serieData[1] / 1000;
- var res = [
- [px, py]
- ];
- for (var i = 2; i < serieData.length; i += 2) {
- var dx = serieData[i] / 1000;
- var dy = serieData[i + 1] / 1000;
- var x = px + dx;
- var y = py + dy;
- res.push([x.toFixed(2), y.toFixed(2), 1]);
- px = x;
- py = y;
- }
- return res;
- });
- option = {
- coordinateSystem: 'leaflet',
- title: {
- text: resources.text_weiboChina,
- subtext: 'From ThinkGIS',
- sublink: 'http://www.thinkgis.cn/public/sina',
- left: 'center',
- top: 'top',
- textStyle: {
- color: '#fff'
- }
- },
- tooltip: {},
- legend: {
- left: 'left',
- top: 'bottom',
- data: [grade[0], grade[1], grade[2]],
- textStyle: {
- color: '#ccc'
- }
- },
- series: [{
- name: grade[2],
- type: 'scatter',
- coordinateSystem: 'leaflet',
- symbolSize: 1,
- large: true,
- itemStyle: {
- normal: {
- shadowBlur: 2,
- shadowColor: 'rgba(37, 140, 249, 0.8)',
- color: 'rgba(37, 140, 249, 0.8)'
- }
- },
- data: weiboData[0]
- }, {
- name: grade[1],
- type: 'scatter',
- coordinateSystem: 'leaflet',
- symbolSize: 1,
- large: true,
- itemStyle: {
- normal: {
- shadowBlur: 2,
- shadowColor: 'rgba(14, 241, 242, 0.8)',
- color: 'rgba(14, 241, 242, 0.8)'
- }
- },
- data: weiboData[1]
- }, {
- name: grade[0],
- type: 'scatter',
- coordinateSystem: 'leaflet',
- symbolSize: 1,
- large: true,
- itemStyle: {
- normal: {
- shadowBlur: 2,
- shadowColor: 'rgba(255, 255, 255, 0.8)',
- color: 'rgba(255, 255, 255, 0.8)'
- }
- },
- data: weiboData[2]
- }]
- };
- layer= L.supermap.echartsLayer(option,{loadWhileAnimating:false}).addTo(map);
- });
- </script>
- </body>
- </html>
|
