精华内容
下载资源
问答
  • echarts市级区域地图数据展示

    千次阅读 2020-08-24 17:18:48
    引用对应市区json数据(比如我就是引用的河南省驻马店市的数据),通过百度地图坐标拾取器获取地区的经纬度,将数据填在对应位置(我下面有注释),再配置下样式颜色之类的渲染上就可以了 二、看图片可能感受不大,...

    一、原理

    引用对应市区json数据(比如我就是引用的河南省驻马店市的数据),通过百度地图坐标拾取器获取地区的经纬度,将数据填在对应位置(我下面有注释),再配置下样式颜色之类的渲染上就可以了

    二、看图片可能感受不大,下面是我echarts社区的主页,里面有这个例子,大家可以去看看效果

    我的echarts个人主页

    三、效果图

    在这里插入图片描述

    四、直接上代码,解释在注释里

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src = "jquery-3.4.1.js的路径"></script>
        <script type="text/javascript" src = "echarts.js的路径"></script>
    </head>
    <body>
    <div id="map" style="width: 1200px;height:900px;"></div>
    <script type="text/javascript">
        	var dom = document.getElementById("map");
        //得到echarts的实例对象
        var myChart = echarts.init(dom);
        //根据百度地图坐标拾取器来的经纬度
        var geoCoordMap = {
            '遂平县': [114.015819, 33.150944],
            '上蔡县': [114.276256, 33.267906],
            '西平县': [114.022143, 33.394355],
            "驿城区": [114.006045, 32.978599],
            '确山县': [114.033641, 32.810768],
            "泌阳县": [113.335694, 32.731107],
            "汝南县": [114.375141, 33.016389],
            "正阳县": [114.398138, 32.615372],
            "平舆县": [114.629254, 32.969876],
            "新蔡县": [114.979952, 32.752487]
    
        };
        //数据信息(黄色点点的大小,鼠标移上去会显示这个数据)
        var data = [{
                name: "遂平县",
                value: 199
            },
            {
                name: "上蔡县",
                value: 170
            },
            {
                name: "西平县",
                value: 102
            },
            {
                name: "驿城区",
                value: 81
            },
            {
                name: "确山县",
                value: 147
            },
            {
                name: "泌阳县",
                value: 130
            },
            {
                name: "汝南县",
                value: 172
            },
            {
                name: "正阳县",
                value: 123
            },
            {
                name: "平舆县",
                value: 120
            },
            {
                name: "新蔡县",
                value: 292
            }
        ];
    	//处理数据的函数,将经纬度,名称,value结合到一起放入series中的data中
        var convertData = function(data) {
            var res = [];
            for (var i = 0; i < data.length; i++) {
                var geoCoord = geoCoordMap[data[i].name];
                if (geoCoord) {
                    res.push({
                        name: data[i].name,
                        value: geoCoord.concat(data[i].value)
                    });
                }
            }
            return res;
        };
        
        //配置样式
        var optionMap = {
            
            backgroundColor: '#404a59',
            title: {
                text: 'XX数量-驻马店市',
    
                left: 'center',
                textStyle: {
                    color: '#fff'
                }
            },
            //鼠标移到黄点点上显示数据就是配置的这个
            tooltip: {
                trigger: 'item',
    
                //自定义修改显示
                formatter: function(data) {
    
                    return res = '<div><p>数量:' + data.value[2] + '</p></div>'
    
                },
            },
    
            geo: {
                map: 'china',
                //中心点(经纬度)
                center: [114.006045, 32.978599],
                //缩放比例
                zoom: 1.2,
                label: {
                    emphasis: {
                        show: false
                    }
                },
                //是否允许拖拽
                roam: true,
                itemStyle: {
                    normal: {
                        areaColor: '#323c48',
                        borderColor: '#111'
                    },
                    emphasis: {
                        areaColor: '#2a333d'
                    }
                }
            },
            series: [{
                name: 'pm2.5',
                type: 'effectScatter',
                coordinateSystem: 'geo',
                data: convertData(data),
                symbolSize: function(val) {
                    return val[2] / 10;
                },
                showEffectOn: 'render',
                rippleEffect: {
                    brushType: 'stroke'
                },
                hoverAnimation: true,
                label: {
                    normal: {
                        formatter: '{b}',
                        position: 'right',
                        show: true
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#f4e925',
                        shadowBlur: 10,
                        shadowColor: '#333'
                    }
                },
                zlevel: 1
            }]
        };
        //411700.json 是对应区域的地理信息json文件
        $.get('../json/411700.json', function (myJson){
            echarts.registerMap('411700', myJson) //注册
            optionMap.geo.map = '411700';
            myChart.setOption(optionMap);
        });
        
        
    </script>
    </body>
    </html>
    

    五、本地访问json会有跨域的问题,为了图方便我就放在了服务器上看网页的效果…在社区的话没有这个问题

    展开全文
  • echarts实现地图数据展示

    千次阅读 2019-03-01 18:19:49
    关键点:1.项目中需要引入china.js(这个需要自己下载) 2 .项目配置 3.关键配置 echarts.dispose($(`#userMap`)[0]); let mapChart = echarts.init($(`#userMap`)[0]); myChart.showLoading();...

    关键点:1.项目中需要引入china.js(这个需要自己下载)

                2 .项目配置

                   

               3.关键配置

     echarts.dispose($(`#userMap`)[0]);
     let mapChart = echarts.init($(`#userMap`)[0]);
     myChart.showLoading();
     let option = {
    	...
     }
     mapChart.setOption(option);
     mapChart.hideLoading();

     

    展开全文
  • 基于Echarts的中国地图数据展示

    千次阅读 2019-03-07 21:56:00
    基于echarts的大数据中国地图展示,结合API定制,开发样式,监听鼠标事件,实现带参数路由跳转等自定义事件。 详细 代码下载:http://www.demodashi.com/demo/14294.html 一、概述 ...
    发布时间:2018-10-31
     
    技术:javascript+html5+canvas
     

    概述

    基于echarts的大数据中国地图展示,结合API定制,开发样式,监听鼠标事件,实现带参数路由跳转等自定义事件。

    详细

     

    一、概述

     

    实际项目中大概率会遇到很多需要进行数据展示的地方,如折现图,柱状图等,今天给大家介绍一个更加炫酷的中国地图大数据展示,结合echarts免费开源第三方插件,可以实现自己的定制样式,定制提示。

    二、演示效果

     

    map.gif

    三、目录结构

     

    项目构成:

    image.png

    引用:

    <script src="dist/echarts.js"></script>
    <script src="map/js/china.js"></script>

    四、详细步骤

     

    1、首先给定一下全局样式、给个地图容器

     <style>
            *{margin:0;padding:0}
            html,body{
                width:100%;
                height:100%;
            }
            #main{
                  width:800px;
                  height:600px;
                  margin: 150px auto;
                  border:1px solid #ddd;
              }
            /*建议长宽比0.75,符合审美*/
        </style>
        
        
        <div id="main">
    
        </div>

    2、获取容器DOM,给定地图配置

    var myChart = echarts.init(document.getElementById('main'));
    myChart.setOption(option);

     

    3、详细配置,定制样式,给自定义事件

    option = {
                tooltip: {
                        formatter:function(params,ticket, callback){
                            return params.seriesName+'<br />'+params.name+':'+params.value
                        }
                    },
                visualMap: {
                    min: 0,
                    max: 1500,
                    left: 'left',
                    top: 'bottom',
                    text: ['高','低'],
                    inRange: {
                        color: ['#e0ffff', '#006edd']
                    },
                    show:true
                },
                geo: {
                    map: 'china',
                    roam: false,
                    zoom:1.23,
                    label: {
                        normal: {
                            show: true,
                            fontSize:'10',
                            color: 'rgba(0,0,0,0.7)'
                        }
                    },
                    itemStyle: {
                        normal:{
                            borderColor: 'rgba(0, 0, 0, 0.2)'
                        },
                        emphasis:{
                            areaColor: '#F3B329',
                            shadowOffsetX: 0,
                            shadowOffsetY: 0,
                            shadowBlur: 20,
                            borderWidth: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                },
                series : [
                    {
                        name: '信息量',
                        type: 'map',
                        geoIndex: 0,
                        data:dataList
                    }
                ]
            };

     

    tooltip:定制信息提示框的内容,其中params参数表示数据

    数据格式:

       var dataList=[
                {name:"南海诸岛",value:0},
                {name: '北京', value: randomValue()},
                {name: '天津', value: randomValue()},
                {name: '上海', value: randomValue()}
                ]

    这里为了演示效果,我随机给定的value值,randomValue为我自己定义的一个获取随机数函数

    visualMap:图注样式定制,其中包括color范围,文字提示

    geo:定义地图为china,其中可能大概率要用的一个配置zoom: 视角缩放比例,roam:是否开启缩放和平移

     

    itemStyle:地图外观定制,其中normal表示正常显示的样式,emphasis表示鼠标悬浮下样式

    series:整体配置 其中type很关键 表示该例是地图,data:图表所用数据,实际项目中大家可以通过http获取数据,再赋值给data

     

    自定义事件:

    myChart.on('click', function (params) {
                alert(params.name+':'+params.seriesName+':'+params.value);
            });

    大家可以给刚刚获取的myChart实例添加事件监听,其中重要的一个参数params可以得到你想要的一切O(∩_∩)O哈哈~

    这里给大家打印一下:

    image.png

    最后再给大家一个友好建议:

    一、插件自带的地图省份名字是默认出现在省会城市的位置,导致很多省份的名字有点挤甚至偏移,大家可以打开map/js/china.js

    二、检索自己想要更改的省份名字,如湖南

    "properties":{"cp":[112.982279,28.19409],"name":"湖南","childNum":3}}

    其中cp即表示文字的位置,两个坐标表示经纬度,大家根据需要调整。哈哈 大致就到这里了,有兴趣的小伙伴可以试试!

     

    整体代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>map</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <script src="dist/echarts.js"></script>
        <script src="map/js/china.js"></script>
        <style>
            *{margin:0;padding:0}
            html,body{
                width:100%;
                height:100%;
            }
            #main{
                  width:600px;
                  height:450px;
                  margin: 150px auto;
                  border:1px solid #ddd;
              }
            /*默认长宽比0.75*/
        </style>
    </head>
    <body>
        <div id="main">
    
        </div>
        <script type="text/javascript">
            var dataList=[
                {name:"南海诸岛",value:0},
                {name: '北京', value: randomValue()},
                {name: '天津', value: randomValue()},
                {name: '上海', value: randomValue()},
                {name: '重庆', value: randomValue()},
                {name: '河北', value: randomValue()},
                {name: '河南', value: randomValue()},
                {name: '云南', value: randomValue()},
                {name: '辽宁', value: randomValue()},
                {name: '黑龙江', value: randomValue()},
                {name: '湖南', value: randomValue()},
                {name: '安徽', value: randomValue()},
                {name: '山东', value: randomValue()},
                {name: '新疆', value: randomValue()},
                {name: '江苏', value: randomValue()},
                {name: '浙江', value: randomValue()},
                {name: '江西', value: randomValue()},
                {name: '湖北', value: randomValue()},
                {name: '广西', value: randomValue()},
                {name: '甘肃', value: randomValue()},
                {name: '山西', value: randomValue()},
                {name: '内蒙古', value: randomValue()},
                {name: '陕西', value: randomValue()},
                {name: '吉林', value: randomValue()},
                {name: '福建', value: randomValue()},
                {name: '贵州', value: randomValue()},
                {name: '广东', value: randomValue()},
                {name: '青海', value: randomValue()},
                {name: '西藏', value: randomValue()},
                {name: '四川', value: randomValue()},
                {name: '宁夏', value: randomValue()},
                {name: '海南', value: randomValue()},
                {name: '台湾', value: randomValue()},
                {name: '香港', value: randomValue()},
                {name: '澳门', value: randomValue()}
            ]
            var myChart = echarts.init(document.getElementById('main'));
            function randomValue() {
                return Math.round(Math.random()*1000);
            }
            option = {
                tooltip: {
                        formatter:function(params,ticket, callback){
                            return params.seriesName+'<br />'+params.name+':'+params.value
                        }//数据格式化
                    },
                visualMap: {
                    min: 0,
                    max: 1500,
                    left: 'left',
                    top: 'bottom',
                    text: ['高','低'],//取值范围的文字
                    inRange: {
                        color: ['#e0ffff', '#006edd']//取值范围的颜色
                    },
                    show:true//图注
                },
                geo: {
                    map: 'china',
                    roam: false,//不开启缩放和平移
                    zoom:1.23,//视角缩放比例
                    label: {
                        normal: {
                            show: true,
                            fontSize:'10',
                            color: 'rgba(0,0,0,0.7)'
                        }
                    },
                    itemStyle: {
                        normal:{
                            borderColor: 'rgba(0, 0, 0, 0.2)'
                        },
                        emphasis:{
                            areaColor: '#F3B329',//鼠标选择区域颜色
                            shadowOffsetX: 0,
                            shadowOffsetY: 0,
                            shadowBlur: 20,
                            borderWidth: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                },
                series : [
                    {
                        name: '信息量',
                        type: 'map',
                        geoIndex: 0,
                        data:dataList
                    }
                ]
            };
            myChart.setOption(option);
            myChart.on('click', function (params) {
                alert(params.name);
            });
    
          /*  setTimeout(function () {
                myChart.setOption({
                    series : [
                        {
                            name: '信息量',
                            type: 'map',
                            geoIndex: 0,
                            data:dataList
                        }
                    ]
                });
            },1000)*/
        </script>
    </body>
    </html>

    五、相关资料

     

    echartsAPI

    注:本文著作权归作者,由demo大师发表,拒绝转载,转载需要作者授权

    转载于:https://www.cnblogs.com/demodashi/p/10492708.html

    展开全文
  • Echarts地图省市跳转数据展示

    千次阅读 热门讨论 2017-02-08 14:18:34
    介于前一段时间做了省市地图跳转的东西,遇到了一些问题,如今做下总结,希望日后可以用到,也可以帮到遇到同样问题的朋友。  前提:Echarts3.0(其他版本不知道情况是否相同) 一、数据准备 1、各省份对应的数据...

         介于前一段时间做了省市地图跳转的东西,遇到了一些问题,如今做下总结,希望日后可以用到,也可以帮到遇到同样问题的朋友。

           前提:Echarts3.0(其他版本不知道情况是否相同尴尬


    一、数据准备

    1、各省份对应的数据;

    2、各城市对应的数据;


    二、地图js下载

    1、http://echarts.baidu.com/download-map.html

    此页面提供了中国地图、世界地图、各省地图的下载,支持js、json两种格式,当前采用js格式。

    2、省市跳转,需要用到中国地图、各省地图,将其下载到本地,引用到自己的页面。


    三、数据展示

    1、页面引用了Echarts工具js和地图js后,需要添加几行代码:

    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/map' 
            ]
    	);            
    </script>


    2、其次页面创建一片区域供实例展示:

    <div style="border-style:solid; border-width:1px; border-color:#ccc;margin-top: 10px;background-color: #F4F4F4;">
    	<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
    	<div id="main" style="height:600px;margin-top: 20px;"></div>
    </div>


    3、js文件中,查询数据并进行图表初始化:

     $.ajax({
    		type : "post",
    		url : "../../componentsStatistics/componentsPrvncGatherStatistics.do?"+params,
    		dataType : 'json',
    		async : false,//设置为同步操作就可以给全局变量赋值成功 
    		success : function(data) {
    			optionData = data.rows[0];
    		}
    	});
    	myChart = echarts.init(document.getElementById('main'));
    	componentPrvncStatistic(myChart,optionData);

    4、下面对componentPrvncStatistic方法进行说明:

    1)数据接收、设置数据默认最大值

    //数据准备
    var seriesData = optionData.seriesData;
    //设置默认值为100
    var maxFunnelValue = getMaxDataValue(seriesData);
    if (maxFunnelValue==null || maxFunnelValue=="") {
          maxFunnelValue = 100;
    }

    2)注册配置以及事件,省名称列表初始化,省名称要是以下形式,省份地图才会展示,需要做好配对。

     var ecConfig = require('echarts/config');
    	var zrEvent = require('zrender/tool/event');
    	var curIndx = 0;
    	var flag = true;
    	var mapType = [
    	    'china',
    	    // 23个省
    	    '广东', '青海', '四川', '海南', '陕西', 
    	    '甘肃', '云南', '湖南', '湖北', '黑龙江',
    	    '贵州', '山东', '江西', '河南', '河北',
    	    '山西', '安徽', '福建', '浙江', '江苏', 
    	    '吉林', '辽宁', '台湾',
    	    // 5个自治区
    	    '新疆', '广西', '宁夏', '内蒙古', '西藏', 
    	    // 4个直辖市
    	    '北京', '天津', '上海', '重庆',
    	    // 2个特别行政区
    	    '香港', '澳门'
    	];

    3)点击某个省份时,对于城市名称比较密集的省份,屏蔽名称展示(如果有好的解决方法,欢迎留言,感谢!)

     myChart.on('click', function (param){
    	    var len = mapType.length;
    	    var mt = mapType[curIndx % len];
    	    if (mt == 'china') {
    	        // 全国选择时指定到选中的省份
    	        var selected = param.name;
    	        for (var i = 0 ; i<len ; i++) {
    	            if (selected) {
    	            	flag = true;
    	                mt = selected;
    	                if(mt=="海南"||mt=="北京"||mt=="天津"||mt=="重庆"||mt=="上海" ){
    	                	flag = false;
    	                }
    	                while (len--) {
    	                    if (mapType[len] == mt) {
    	                        curIndx = len;
    	                    }
    	                }
    	                break;
    	            }
    	        }
    	    } else {
    	    	flag = true;
    	        curIndx = 0;
    	        mt = 'china';
    	    }
    	    option.series[0].mapType = mt;
    	    option.series[0].itemStyle.normal.label.show = flag ;
    	    myChart.setOption(option);
    	});

    4)option准备
        option = {
    	    title: {
    	        text : '采集省统计'    //图表标题名称
    //            subtext : '(点击切换)'    //副标题
               },
    	    tooltip : {
    	        trigger: 'item'
    	    },
    	    legend: {
    	        orient: 'vertical',
    	        x:'right',
    	        data:['采集数量(个)']
    	    },
    	    dataRange: {
    	        min: 0,
    	        max: maxFunnelValue,
    	        color:['#4198E6','#E0FFFF'],  //端值对应的颜色
    	        text:['高','低'],           // 文本,默认为数值文本
    	        calculable : true
    	    },
    	    color:['#2ECBCA','#B6A2DF','#59B1F0','#FFB880','#87CEFA'],  //图例的颜色
    	    toolbox: {
    	    	show: true,
    	    	orient : 'vertical',
    	    	x: 'right',
    	    	y: 'center',
    	    	feature : {
    	    	mark : {show: true},
    	    	dataView : {show: true, readOnly: false},
    	    	restore : {show: true},
    	    	saveAsImage : {show: true}
    	    }
    	    },
    	    series : [
    	        {
    	            name: '采集数量(个)',
    	            type: 'map',
    	            mapType: 'china',
    	            selectedMode : 'single',
    	            itemStyle:{
    	                normal:{label:{show:flag}},    //地图初始化城市名称是否展示
    	                emphasis:{label:{show:true}}   //鼠标移入城市名称是否展示
    	            },
    	            data:function(){
    					var serie=[];
    					var data = seriesData[0].dataArray;
    					for(var i=0;i<data.length;i++){
    						var item = {name:data[i].name, 
    								value:data[i].value
    						};
    						serie.push(item);
    					}
    					return serie;
    				}()    //此处的括号不可省略
    	        }
    	    ]
    	};

    5)set

            myChart.setOption(option); 
    	window.onresize = myChart.resize;
    

            以上是整个流程的概要说明,其中有很多地方有不足之处,还请批评指正!初学者可以参考思路,结合官方的Demo进行使用。


    5、结果展示:

    1)全国地图展示:



    2)某个省份


    展开全文
  • vue疫情大屏数据展示+数据导出+地图图片下载

    千次阅读 多人点赞 2021-01-19 23:31:48
    不废话,先上效果图 审美有限 下午5点开工 去掉吃饭时间 我的审美也只能让我做到...vue疫情大屏数据展示页面布局页面代码(非全部代码)地图绘制说明数据获取配置代理(解决跨域)页面数据说明发送请求处理数据图形绘制.
  • 在Vue中使用Echarts地图以及数据展示

    千次阅读 热门讨论 2021-02-01 14:36:27
    效果图如下(东营市) 1.先把地图显示出来 首先要获取该地区的JSON数据,网站:DATAV.GeoAtolas,逐步选择地图区域,... //引入地图数据 import dy from '@/assets/dy' // 引入echarts以及提示框和标题组件 const
  • 当初看到echarts的地图的时候感觉可以做点什么,但是一直米有实施,最近刚好用到了,就研究了研究,在echarts中添加了自定义的geojson数据,实现数据地图展示
  • 研究了三天Echarts,终于实现了基于Echarts 实现地图下钻至县区,加对应区域的数据展示。先看效果图 后续更新研究的过程,建议要想使用用echarts的同学先去看官方文档和示例,不要盲目的去搞。我前一天在弄数据...
  • 不酱油了.直接上干货. 问题一:显示以上图片说明你给编码不是utf-8.... 问题二:有的修改完以后显示的不是你的统计的value的值,显示的...你打印出来你的值 把你需要展示的值取出来就OK了.这样展示的效果就是你需要的值....
  • 用openlayers实现矢量地图数据展示

    千次阅读 2018-03-06 14:52:42
    1. 将数据转换成GEOJSON、KML等网络矢量格式,然后用OPENLAYERS在浏览器中进行展示。 2. 用GISSERVER发布成OGC服务,然后用OPENLAYERS在浏览器中进行展示。见: https://blog.csdn.net/qq_...
  • 高德地图自定义Maker实现地图多层级数据展示 在项目开发中,遇到了一个需求: 根据地图缩放级别的不同显示不同数据,效果如下: 要完成以上功能首先要考虑一下几点: 监听地图摄像区域改变事件;获取地图缩放...
  • 最终效果: 1.引入: npm i echarts --save main.js中: import echarts from ‘echarts’ Vue.prototype.$echarts = echarts ...使用地图的文件中(map.vue): import ‘echarts/map/js/china.js’ ...
  • 一:leaflet 一个对移动端优化的交互地图且开源的Javascript库 对于我...基于leaflet,我们很容易嵌入百度地图,高德地图,谷歌地图等,基于上述地图,可以实现一些大数据可视化操作。 如下是一些例子: 二...
  • 小O地图提供自定义多边形范围下载地图POI数据,方便用户精准下载数据,提高工作效率。 操作步骤: 【1】新建任务 输入必需条件后,选择【多边形范围】选项,并选择右侧下列菜单选择【拾取多边形】功能。 【2...
  • -- 整合高德地图完成实时热力图展示</h1> --> 基于Storm的实时区域游客量热力图统计 刷新频率: <option>30秒 <option>60秒 <option>90秒 <div id="container" ></div> var map = new AMap.Map('...
  • 最新全国省市区县geoJSON格式的地图数据,可直接用于echarts地图展示: https://github.com/lyhmyd1211/GeoMapData_CN 全国地图: china.json 全国各省地图:province 全国各市地图:city 全国各区县地图:...
  • echarts加载世界地图展示个人数据

    千次阅读 2019-09-08 21:57:54
    之前基于GDELT抓取过部分一带一路沿线国家的新闻数据,对各个国家的新闻数据量进行了统计,打算做一张图进行直观的显示。 解决方案 懒得用ArcGIS来做了,想要磨练下代码水平,因此选择Javascript,调用Echarts进行...
  • 传统的地图分析制作大多需要编程来完成,今天给大家介绍的地图可视化工具,简单的套入地理经纬度数据或者区域名称,系统自动识别定位出相应位置从而完成地图可视化。地图可以说下当下重要的数据可视化工具。好的地图...
  • 地图之美----SuperMap数据产品包展示

    千次阅读 2017-11-10 15:31:36
    早在2016年SuperMap GIS 系列811版本发布时,我们就推出了SuperMap数据产品包,涵盖了电子地图、专题地图、标绘地图、3D地图等不同类型的地图,旨在通过浏览专业地图制作人员制作的地图展示SuperMap iDesktop中的...
  • 数据地图可视化展示 虽然Zeppelin针对结构化数据默认提供了表格、直方图、饼图、区域图、折线图和散点图共6种可视化方式,但我们通过Zeppelin提供的helium插件功能可以集成更多可视化形式,helium通过npm方式安装...
  • 制作效果 一、相关依赖 1、npm安装G2 npm install @antv/g2 --save ...整个案例是自己第一次尝试在Vue里使用G2地图,在网上没有看到相关完整案例所以分享出来供大家参考,如有不错误还请指正!
  • -- 整合高德地图完成实时热力图展示</h1> --> 基于Storm的实时区域游客量热力图统计 刷新频率: <option>30秒 <option>60秒 <option>90秒 <div id="container" ></div> var map = new AMap.Map('...
  • 一步步完善大屏显示,数据可视化 第一次使用wpf。很多地方不会用,借鉴了不少代码,幸好之前有过silverlight的经验,差别不算太大。 1.完成了初步的展示 2.地图是根据echarts地图导出的png图片使用Microsoft ...
  • 该模板首先展示echart的中国地图,点击中国地图的各个省会进入到相应的市,点击市进入区,点击...该模板完全结合了echart和高德地图的接口,适用于大数据展示类,很有学习意义,欢迎下载! 具体下载地址:链接直达...
  • echart地图鼠标悬浮展示多类数据

    千次阅读 2018-12-06 15:18:03
    tooltip: { //trigger: 'item', formatter: '{b}:{c}' enterable:true, trigger:'item', formatter:function(params){ //console.log(params); ...
  • 实现效果 地图配置项 /*eslint-disable*/ var mapData2 = [{ "name": "北京市", "count": "10" }, { "name": "天津市", "count": "25" }, { "name": "河北省", ...
  • GIS地图学习笔记九之地图数据操作

    千次阅读 2018-05-02 15:44:13
    我们使用上一篇blog发布地图服务时的一些数据进行相关操作,已提供的数据有: 批而未供.gdb、批而未供.mdb、供地数据(GDTB)、报批数据(NZYTB) 报批数据(NZYTB) 供地数据(GDTB) 分析工具...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 56,488
精华内容 22,595
关键字:

地图数据展示