关于中国地图那些事

最新推荐文章于 2022-01-14 22:24:38 发布
最新推荐文章于 2022-01-14 22:24:38 发布
阅读量448 收藏
点赞数
分类专栏： 技术 文章标签： 地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38293570/article/details/77965069
版权

    这个月一直在写地图，写到销魂，一直都在修改，最终，产品经理终于放过了我页面中的那个可怜的地图，让大家都来瞅瞅吧；不多说，上代码：

<!doctype html>
<html lang="en">
<head>
       
    <meta charset="UTF-8">
        <title>地图</title>
       
       
    <style>

        * {

            margin: 0;
            padding: 0;

        }

        #map {

            width: 450px;

            height: 550px;

        }

    </style>


</head>
<body>

           
<div id="map">
       
               
</div>
       
</div>
</body>
<script src="js/jquery.min.js"></script>


<script src="js/echarts.min.js"></script>
<script src="js/china.js"></script>

<script>
    $(document).ready(function () {
//        地图
        var chart = echarts.init(document.getElementById('map'));
        var allData = {
            "citys": [
                {
                    "name": "杭州",
                    "value": [120.15507, 30.274085, 10],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "集安",
                    "value": [126.194031, 41.125307, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "贵阳",
                    "value": [106.630154, 26.647661, 2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "抚顺",
                    "value": [123.957208, 41.880872, 3],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "海门",
                    "value": [121.181615, 31.871173, 2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "珠海",
                    "value": [113.576726, 22.270715, 9],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "河北",
                    "value": [114.475704, 38.584854, -19],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "深圳",
                    "value": [114.057868, 22.543099, 14],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "黄浦",
                    "value": [121.484443, 31.231763, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "蓬莱",
                    "value": [120.758848, 37.810661, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "甘肃",
                    "value": [103.826308, 36.059421, -2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "龙井",
                    "value": [129.427066, 42.766311, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "茂名",
                    "value": [110.925456, 21.662999, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "丹东",
                    "value": [124.354707, 40.0005, 2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "晋中",
                    "value": [112.752695, 37.687024, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "浙江",
                    "value": [120.152792, 30.267447, -2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "海城",
                    "value": [122.685217, 40.882377, 2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "溆浦",
                    "value": [110.594921, 27.908281, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "北京",
                    "value": [116.407526, 39.90403, -14],
                    "symbolSize": 8,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "四川",
                    "value": [104.075931, 30.651652, -5],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "福建",
                    "value": [119.295144, 26.10078, -1],
                    "symbolSize": 15,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "青岛",
                    "value": [120.38264, 36.067082, 52],
                    "symbolSize": 3,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "南京",
                    "value": [118.796877, 32.060255, 17],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "新疆",
                    "value": [87.627704, 43.793026, -2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "陕西",
                    "value": [108.954239, 34.265472, -2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "石家庄",
                    "value": [114.51486, 38.042307, 4],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "南昌",
                    "value": [115.858198, 28.682892, 2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "广州",
                    "value": [113.264435, 23.129163, 13],
                    "symbolSize": 15,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "上海",
                    "value": [121.473701, 31.230416, 44],
                    "symbolSize": 8,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "重庆",
                    "value": [106.568088, 29.643221, -23],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "苏州",
                    "value": [120.585316, 31.298886, 14],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "大连",
                    "value": [121.614682, 38.914003, 40],
                    "symbolSize": 3,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "广西",
                    "value": [108.327546, 22.815478, -1],
                    "symbolSize": 15,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "郑州",
                    "value": [113.625368, 34.7466, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "湖北",
                    "value": [114.341862, 30.546498, -4],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "厦门",
                    "value": [118.089425, 24.479834, 3],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "哈尔滨",
                    "value": [126.534967, 45.803775, 8],
                    "symbolSize": 15,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
                {
                    "name": "江苏",
                    "value": [118.763232, 32.061707, -1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "延安",
                    "value": [109.489727, 36.585455, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "天津",
                    "value": [117.200983, 39.084158, 28],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "长沙",
                    "value": [112.938814, 28.228209, 5],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "安徽",
                    "value": [117.284923, 31.861184, -1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "昆山",
                    "value": [120.980737, 31.385598, 4],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "西藏",
                    "value": [91.117212, 29.646923, -1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "河南",
                    "value": [113.274379, 34.445122, 0],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "湖南",
                    "value": [112.98381, 28.112444, -1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "合肥",
                    "value": [117.227239, 31.820587, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "山东",
                    "value": [117.020359, 36.66853, -6],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "西安",
                    "value": [108.940175, 34.341568, 3],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "长沙",
                    "value": [113.000194, 28.242883, -58],
                    "symbolSize": 3,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "重庆",
                    "value": [106.551557, 29.56301, 2],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "长春",
                    "value": [125.323544, 43.817072, 8],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "海口",
                    "value": [110.3893, 19.8516, 1],
                    "symbolSize": 15,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "昆明",
                    "value": [102.9199, 25.4663, 8],
                    "symbolSize": 15,
                    "itemStyle": {"normal": {"color": "#F58158"}}
                },
                {
                    "name": "青海",
                    "value": [101.4038, 36.8207, 1],
                    "symbolSize": 2,
                    "itemStyle": {"normal": {"color": "#71f29b"}}
                },
            ],
            "moveLines": [
                {"fromName": "河南", "toName": "江苏", "coords": [[113.274379, 34.445122], [118.763232, 32.061707]]},
                {"fromName": "河南", "toName": "上海", "coords": [[113.274379, 34.445122], [121.473701, 31.230416]]},
                {"fromName": "福建", "toName": "上海", "coords": [[119.295144, 26.10078], [121.473701, 31.230416]]},
                {"fromName": "广西", "toName": "上海", "coords": [[108.327546, 22.815478], [121.473701, 31.230416]]},
                {"fromName": "黑龙江", "toName": "上海", "coords": [[126.534967, 45.803775], [121.473701, 31.230416]]},
                {"fromName": "海口", "toName": "上海", "coords": [[110.3893, 19.8516], [121.473701, 31.230416]]},
                {"fromName": "甘肃", "toName": "上海", "coords": [[103.826308, 36.059421], [121.473701, 31.230416]]},
                {"fromName": "新疆", "toName": "上海", "coords": [[87.627704, 43.793026], [121.473701, 31.230416]]},
                {"fromName": "广东", "toName": "四川", "coords": [[113.264435, 23.129163], [104.075931, 30.651652]]},
                {"fromName": "广东", "toName": "湖南", "coords": [[113.264435, 23.129163], [113.000194, 28.242883]]},

                {"fromName": "广东", "toName": "河北", "coords": [[113.264435, 23.129163], [114.475704, 38.584854]]},
                {"fromName": "云南", "toName": "广东", "coords": [[102.9199, 25.4663], [113.264435, 23.129163]]},
                {"fromName": "云南", "toName": "浙江", "coords": [[102.9199, 25.4663], [120.152792, 30.267447]]},
                {"fromName": "云南", "toName": "湖北", "coords": [[102.9199, 25.4663], [114.341862, 30.546498]]},
                {"fromName": "云南", "toName": "青海", "coords": [[102.9199, 25.4663], [101.4038, 36.8207]]},
                {"fromName": "黑龙江", "toName": "安徽", "coords": [[126.534967, 45.803775], [117.284923, 31.861184]]},
                {"fromName": "黑龙江", "toName": "山东", "coords": [[126.534967, 45.803775], [117.020359, 36.66853]]},
                {"fromName": "黑龙江", "toName": "新疆", "coords": [[126.534967, 45.803775], [87.627704, 43.793026]]},
                {"fromName": "海南", "toName": "福建", "coords": [[110.3893, 19.8516], [119.295144, 26.10078]]},
                {"fromName": "海南", "toName": "山西", "coords": [[110.3893, 19.8516], [112.562398, 37.873532]]},
                {"fromName": "海南", "toName": "吉林", "coords": [[110.3893, 19.8516], [125.323544, 43.817072]]},
                {"fromName": "海南", "toName": "重庆", "coords": [[110.3893, 19.8516], [106.551557, 29.56301]]},
                {"fromName": "福建", "toName": "陕西", "coords": [[119.295144, 26.10078], [108.954239, 34.265472]]},
                {"fromName": "福建", "toName": "浙江", "coords": [[119.295144, 26.10078], [120.152792, 30.267447]]},
                {"fromName": "福建", "toName": "青海", "coords": [[119.295144, 26.10078], [101.4038, 36.8207]]},
                {"fromName": "江苏", "toName": "上海", "coords": [[118.763232, 32.061707], [121.473701, 31.230416]]},
                {"fromName": "江苏", "toName": "北京", "coords": [[118.763232, 32.061707], [116.407526, 39.90403]]},
                {"fromName": "上海", "toName": "北京", "coords": [[121.473701, 31.230416], [116.407526, 39.90403]]},
                {"fromName": "山东", "toName": "四川", "coords": [[117.020359, 36.66853], [104.075931, 30.651652]]},
                {"fromName": "河北", "toName": "四川", "coords": [[114.475704, 38.584854], [104.075931, 30.651652]]},
                {"fromName": "四川", "toName": "内蒙", "coords": [[104.075931, 30.651652], [106.568088, 29.643221]]},
                {"fromName": "贵州", "toName": "湖北", "coords": [[106.630154, 26.647661], [114.341862, 30.54649]]},
                {"fromName": "江西", "toName": "陕西", "coords": [[115.858198, 28.682892], [108.954239, 34.265472]]},
                {"fromName": "广东", "toName": "北京", "coords": [[113.264435, 23.129163], [116.407526, 39.90403]]},
                {"fromName": "云南", "toName": "北京", "coords": [[102.9199, 25.4663], [116.407526, 39.90403]]},
                {"fromName": "福建", "toName": "北京", "coords": [[119.295144, 26.10078], [116.407526, 39.90403]]},
            ]
        };
        var option = {
            legend: {
                show: false,
                orient: 'vertical',
                top: 'bottom',
                left: 'right',
                data: ['地点', '线路'],
                textStyle: {
                    color: '#fff'
                }
            },
            geo: {
                map: 'china',
                label: {
                    emphasis: {
                        show: false
                    }
                },
                roam: false,
                zoom: 1.2, //设置地图大小是否固定
                itemStyle: {
                    normal: {
                        areaColor: '#323c48',
                        borderColor: '#ccc',
                        opacity: '0.8' //设置地图透明度
                    },
                    emphasis: {
                        areaColor: '#2a333d'
                    }
                }
            },
            series: [{
                name: '地点',
                type: 'effectScatter',
                coordinateSystem: 'geo',
                zlevel: 2,
                rippleEffect: {
                    brushType: 'stroke'
                },
                label: {
                    emphasis: {
                        show: false,
                        position: 'right',
                        formatter: '{b}'
                    }
                },
                symbolSize: 2,
                showEffectOn: 'render',
                itemStyle: {
                    normal: {
                        color: '#46bee9'
                    }
                },
                data: allData.citys
            }, {
                name: '线路',
                type: 'lines',
                coordinateSystem: 'geo',
                zlevel: 2,
                large: true,
                effect: {
                    show: true,
                    constantSpeed: 20, //航线光标的速度
                    symbol: 'pin',
                    symbolSize: 3,
                    trailLength: 0,
                },
                lineStyle: { //设置航线颜色
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0, color: '#71f29b'
                        }, {
                            offset: 1, color: '#F58158'
                        }], false),
                        width: 2, //设置航线宽度
                        opacity: 0.3, //设置航线透明度
                        curveness: 0.1
                    }
                },
                data: allData.moveLines
            }]
        };
        chart.setOption(option)
    })
</script>


</html>
前端小透明
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui查档页面_基于layUI调用后台数据实现区域信息级联查询
weixin_42636895的博客
02-17 316
基于layUI调用后台数据实现区域信息级联查询1.基本思路后台提供根据区域编码查询区域列表公共接口页面初始化调用后台接口加载所有省份点击省份将省份区域编码传入后台查询该省份下所有地市信息，以此类推2.数据表结构展示SELECTCOLUMN_NAME 列名,DATA_TYPE 字段类型,CHARACTER_MAXIMUM_LENGTH 长度,IS_NULLABLE 是否为空,COLUMN_COMME...
python生成热度图_python根据输入的数据在地图上生成热力图效果
weixin_39766109的博客
11-23 93
#-*-coding:utf8-*-#输入data生成热力图html，借助了leaflet，没网不能用import osimport foliumdata=[[ 39.90403 , 116.407526 , 23014.59 ] , [ 39.084158 , 117.200983 , 16538.19 ] , [ 38.042309 , 114.514862 , 5440.6 ] , [ 37...
echarts 地图密集迁移图
qq_33678106的博客
05-03 1042
http://gallery.echartsjs.com/editor.html?c=xHJr-qVeWlvar allData = { "citys": [{ "name": "延寿", "value": [128.331644, 45.451897, 2], "symbolSize": 2, "itemStyle": {
Echarts画区域飞线地图
Daylighte的博客
01-14 5028
大屏数据可视化，echarts实现某个区域地图上的散点图及飞线效果
Echarts中国地图各省份区域设置不同的颜色
热门推荐
澜岚伊人的博客
10-24 4万+
摘要：          接着《Echarts引入中国地图》续写，我们的项目需求是要求地图的背景颜色要各省份不同。看了文档同时也看了相关官网例子，写出来总结下吧，以便以后需要。 实现： 1、在series中添加data[ ]数据 data: [ { name: '北京', selected: false, value: 1 }, ...
制作中国地图的矢量图层
最新发布
09-28
在GIS（地理信息系统）领域，制作中国地图的矢量图层是一项常见的任务，它涉及到对地理数据的处理和可视化。本教程将详细讲解如何利用ArcGIS软件来创建包含中国边界、省会、九段线、南海诸岛以及河流等要素的矢量...
中国地图矢量图.pptx
01-16
本资源是一个关于中国地图矢量图的PPT文件，里面包含了中国各省份的矢量图形，涵盖了中国34个省份的行政区划图形。下面是从该资源中提取的相关知识点： 一、中国行政区划 中国的行政区划分为省、市、县三级。省是...
中国地图svg_地图_中国地图的SVG_
10-02
中国地图SVG是一种基于矢量图形格式的中国地理信息表示方式，常用于网页和应用程序中，以提供交互式、可缩放的地图展示。SVG（Scalable Vector Graphics）是一种XML标记语言，可以创建清晰、可无限放大的图形，无论...
echarts中国地图.rar
11-05
以下是一些关于使用ECharts中国地图的关键知识点： 1. **地图数据加载**：ECharts地图的绘制需要特定的地图数据，这些数据通常以json格式存储，包含了各个行政区域的边界信息。ECharts内部集成了中国省级地图的数据...
中国地图shp格式-可以用于arcgis制图
05-26
标题中的“中国地图shp格式-可以用于arcgis制图”揭示了这个压缩包内容的核心：这是一份适用于GIS（地理信息系统）软件ArcGIS的中国地图数据，且数据格式为SHP。SHP是Esri公司开发的一种矢量数据格式，广泛用于存储...
cesium 添加echarts
Da6668_lei的博客
11-08 1788
cesium 添加echarts 这儿用的版本是4或者5 1、引入封装好的文件EchartsLayer和echart数据data.js 2、运用 代码data.js // import echarts from 'echarts' import * as echarts from "echarts"; let allData = { citys: [ { name: '延寿', value: [128.331644, 45.451897, 2], symbolSize: 2, i
python制作热力图_python实现输入的数据在地图上生成热力图效果
weixin_39760389的博客
11-24 200
我就废话不多说了，直接贴代码，注意要先安装folium#-*-coding:utf8-*-#输入data生成热力图html，借助了leaflet，没网不能用import osimport foliumdata=[[ 39.90403 , 116.407526 , 23014.59 ] , [ 39.084158 , 117.200983 , 16538.19 ] , [ 38.042309 , 1...
python爬虫：地理编码
weixin_39334709的博客
02-12 385
背景音乐： 背景 平时在做数据分析的时候，我们往往只能拿到地址信息，并不方便直接进行可视化。 我们需要将地址转成经纬度坐标，国内的高德、百度等地图服务商们都有提供现成的API接口，方便我们直接调用。 高德提供的Web服务 高德API 以高德为例，查看官方文档里的地理/逆地理编码部分： 请求参数 请求参数 官方文档提供了详细的说明，点赞！ 可以看到，必要的...
Echart的效果图表（组件都是引入echart的块）
weixin_43584356的博客
07-08 306
折线图 <template> <div class="number"> <div id="NumberChart"></div> </div> </template> <script> const echarts = require("echarts"); export default { data() { return { data: [] }; }, mount
制作地图的那些事（一）——制图之准备工作
SuperMap技术控
06-26 2370
作者：xinxin     在日常生活中，我们会频繁使用各种电子点图，可以说电子地图已经成为我们生活中不可缺的一部分。接下来小编就分享一下如何制作一张既美观，又信息量丰富，并且性能好的地图，此次根据配图的步骤分几个部分来分享，主要分为：制图之准备工作、制图之符号制作、制图之图层添加、制图之地图调优和制图之文字。本篇博文主要将分享制图的前期准备工作。   ...
百度地图点聚合解决方案
嗨
04-21 7581
我与地图的那些事（百度）这个地图系列，主要是最近接触了新的行业–车载视频监控与位置定位，我们的客户也是天南地北到处都有，每个客户要求的地图都不一样，所以这短短一个月我接触到了各种地图，但是也不知道以后会不会再用到，所以就写点东西记录下。 本系列主要记录相关地图的java script api版本，以及相关其它一些有趣的东西。 百度地图相关介绍说明 我的学习笔记 百度地图相关介绍说明百度地图历史简介
echarts 中国地图，tooltip，legend同时显示多组数据
qq_35736779的博客
08-19 9071
此echarts图只是用于示例，记录在此，只是为方便以后可能需要用到做参考。具体数据部分，部分代码不够严整，就不在考虑范围了，毕竟这种较为复杂的图形用的也不多。 // 地图数据 var chinaDataURL = “/asset/get/s/data-1517645039291-B1vgpymUz.json”; //坐标 var geoCoordMap = { ‘上海’: [119.1803, ...
echarts中国地图
03-28
以下是使用Echarts绘制的中国地图示例代码： ``` // 初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 定义地图数据 var geoCoordMap = { '北京': [116.46, 39.92], '天津': [117.2, 39.13], '上海': [121.48, 31.22], // 其他省市数据... }; // 定义数据 var data = [ {name: '北京', value: 100}, {name: '天津', value: 50}, {name: '上海', value: 200}, // 其他省市数据... ]; // 绘制地图 myChart.setOption({ tooltip: { trigger: 'item' }, geo: { map: 'china', label: { emphasis: { show: false } }, roam: true, itemStyle: { normal: { areaColor: '#323c48', borderColor: '#111' }, emphasis: { areaColor: '#2a333d' } } }, series: [ { name: '数据名称', type: 'scatter', coordinateSystem: 'geo', data: data.map(function (item) { return { name: item.name, value: geoCoordMap[item.name].concat(item.value) }; }), symbolSize: function (val) { return val[2] / 10; }, label: { normal: { formatter: '{b}', position: 'right', show: true }, emphasis: { show: true } }, itemStyle: { normal: { color: '#ddb926' } } } ] }); ``` 以上代码中，定义了地图数据和数据，使用setOption方法设置了tooltip、geo和series三个部分，最终绘制出了中国地图。其中，geo部分定义了地图的样式和数据，series部分定义了数据的样式和显示方式。可以根据实际需求进行修改和调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值