echarts 全国地图json数据

weixin_440881791.1MB需要积分:1

资源文件列表:

json.rar 大约有38个文件

json\anhui.json 35.67KB
json\aomen.json 2.84KB
json\areaList.json 30.63KB
json\beijing.json 26.1KB
json\china.json 12.57KB
json\chongqing.json 42.38KB
json\fujian.json 32.72KB
json\gansu.json 31.89KB
json\guangdong.json 51.98KB
json\guangxi.json 45.54KB
json\guizhou.json 37.06KB
json\hainan.json 9.75KB
json\hebei.json 22.43KB
json\heilongjiang.json 41.96KB
json\henan.json 41.87KB
json\hubei.json 42.58KB
json\hunan.json 47.03KB
json\jiangsu.json 27.03KB
json\jiangxi.json 33.68KB
json\jilin.json 42.16KB
json\liaoning.json 44.4KB
json\mapStyle.json 302B
json\neimenggu.json 25.26KB
json\ningxia.json 15KB
json\qinghai.json 29.21KB
json\shandong.json 45.38KB
json\shanghai.json 20.48KB
json\shangxi.json 20.92KB
json\shanxi.json 17.14KB
json\sichuan.json 45.07KB
json\taiwan.json 1.69KB
json\tianjin.json 18.77KB
json\xianggang.json 35.3KB
json\xinjiang.json 33.86KB
json\xizhang.json 40.57KB
json\yunnan.json 35.29KB
json\zhejiang.json 34.26KB
json

资源介绍:

ECharts是一款由百度开发的，基于JavaScript的数据可视化库，它提供了丰富的图表类型，精美的图表效果，便捷的配置项和API，能够满足各种数据可视化需求。在这个“echarts全国地图json数据”中，我们主要讨论的是如何使用ECharts来展示中国地图，并结合JSON数据进行动态的、交互式的可视化。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在ECharts中，地图数据通常以JSON的形式存储，包含各个省份或城市的地理坐标信息。这些数据包括了各个行政区域的边界坐标、中心点等关键信息，是生成地图图形的基础。要使用ECharts展示全国地图，你需要以下步骤： 1. 引入ECharts库：在HTML文件中，通过` ``` 2. 准备地图JSON数据：你需要获取到全国地图的JSON数据文件，这个文件包含了所有省份的几何信息。ECharts官方提供了一些常用的地图数据，也可以从第三方资源获取。确保JSON文件已经与HTML在同一目录下或者通过URL可访问。 3. 初始化ECharts实例：在JavaScript中，你需要创建一个元素用于承载地图，然后使用ECharts的`init`方法初始化实例，例如： ```javascript var myChart = echarts.init(document.getElementById('main')); ``` 4. 设置地图配置：在ECharts实例上设置地图相关的配置项，包括地图类型、地图数据源、颜色主题等。例如： ```javascript var option = { tooltip: {}, geo: { map: 'china', label: { emphasis: { show: false } }, roam: true, itemStyle: { normal: { areaColor: '#323c48', borderColor: '#111' }, emphasis: { areaColor: '#2a333d' } } }, series: [] }; myChart.setOption(option); ``` 5. 加载地图JSON数据：将之前准备的地图JSON数据加载到ECharts实例中。如果你的JSON文件名为`china.json`，可以使用`load`方法： ```javascript echarts.registerMap('china', require('./china.json')); ``` 6. 更新配置并显示地图：根据实际需求，你可以添加系列数据来展示地图上的数据信息，如省份的数值统计。完成后，使用`setOption`方法更新配置并显示地图： ```javascript myChart.setOption({ series: [{ type: 'map', name: '全国地图', data: [ // 这里填写各省份的数据，例如： {name: '北京', value: 100}, // ... ] }] }); ``` 以上就是使用ECharts展示全国地图的基本步骤。通过调整配置项，你可以实现更多交互功能，如鼠标悬停显示数据、缩放平移地图、自定义颜色等。ECharts的强大之处在于其灵活性，你可以根据项目需求进行定制化设计，为用户提供直观、生动的数据展示体验。

[ { "code": "110000", "level": 0, "name": "北京市", "areaList": [ { "code": "119900", "level": 1, "name": "市辖区", "areaList": [ { "code": "110101", "level": 2, "name": "东城区" }, { "code": "110102", "level": 2, "name": "西城区" }, { "code": "110103", "level": 2, "name": "崇文区" }, { "code": "110104", "level": 2, "name": "宣武区" }, { "code": "110105", "level": 2, "name": "朝阳区" }, { "code": "110106", "level": 2, "name": "丰台区" }, { "code": "110107", "level": 2, "name": "石景山区" }, { "code": "110108", "level": 2, "name": "海淀区" }, { "code": "110109", "level": 2, "name": "门头沟区" }, { "code": "110111", "level": 2, "name": "房山区" }, { "code": "110112", "level": 2, "name": "通州区" }, { "code": "110113", "level": 2, "name": "顺义区" }, { "code": "110114", "level": 2, "name": "昌平区" }, { "code": "110115", "level": 2, "name": "大兴区" }, { "code": "110116", "level": 2, "name": "怀柔区" }, { "code": "110117", "level": 2, "name": "平谷区" }, { "code": "110118", "level": 2, "name": "密云区" }, { "code": "110119", "level": 2, "name": "延庆区" }, { "code": "110140", "level": 2, "name": "经济技术开发区" } ] } ] }, { "code": "120000", "level": 0, "name": "天津市", "areaList": [ { "code": "129900", "level": 1, "name": "市辖区", "areaList": [ { "code": "120101", "level": 2, "name": "和平区" }, { "code": "120102", "level": 2, "name": "河东区" }, { "code": "120103", "level": 2, "name": "河西区" }, { "code": "120104", "level": 2, "name": "南开区" }, { "code": "120105", "level": 2, "name": "河北区" }, { "code": "120106", "level": 2, "name": "红桥区" }, { "code": "120107", "level": 2, "name": "塘沽区" }, { "code": "120108", "level": 2, "name": "汉沽区" }, { "code": "120109", "level": 2, "name": "大港区" }, { "code": "120110", "level": 2, "name": "东丽区" }, { "code": "120111", "level": 2, "name": "西青区" }, { "code": "120112", "level": 2, "name": "津南区" }, { "code": "120113", "level": 2, "name": "北辰区" }, { "code": "120114", "level": 2, "name": "武清区" }, { "code": "120115", "level": 2, "name": "宝坻区" }, { "code": "120116", "level": 2, "name": "滨海新区" }, { "code": "120117", "level": 2, "name": "宁河区" }, { "code": "120118", "level": 2, "name": "静海区" }, { "code": "120119", "level": 2, "name": "蓟州区" }, { "code": "120140", "level": 2, "name": "开发区" }, { "code": "120141", "level": 2, "name": "保税区" }, { "code": "120142", "level": 2, "name": "科技园区" } ] } ] }, { "code": "130000", "level": 0, "name": "河北省", "areaList": [ { "code": "130100", "level": 1, "name": "石家庄市", "areaList": [ { "code": "130102", "level": 2, "name": "长安区" }, { "code": "130103", "level": 2, "name": "桥东区" }, { "code": "130104", "level": 2, "name": "桥西区" }, { "code": "130105", "level": 2, "name": "新华区" }, { "code": "130107", "level": 2, "name": "井陉矿区" }, { "code": "130108", "level": 2, "name": "裕华区" }, { "code": "130121", "level": 2, "name": "井陉县" }, { "code": "130123", "level": 2, "name": "正定县" }, { "code": "130124", "level": 2, "name": "栾城县" }, { "code": "130125", "level": 2, "name": "行唐县" }, { "code": "130126", "level": 2, "name": "灵寿县" }, { "code": "130127", "level": 2, "name": "高邑县" }, { "code": "130128", "level": 2, "name": "深泽县" }, { "code": "130129", "level": 2, "name": "赞皇县" }, { "code": "130130", "level": 2, "name": "无极县" }, { "code": "130131", "level": 2, "name": "平山县" }, { "code": "130132", "level": 2, "name": "元氏县" }, { "code": "130133", "level": 2, "name": "赵县" }, { "code": "130140", "level": 2, "name": "开发区" }, { "code": "130141", "level": 2, "name": "正定新区" }, { "code": "130142", "level": 2, "name": "石家庄循环化工园区" }, { "code": "130143", "level": 2, "name": "石�

echarts 全国地图json数据

资源文件列表:

资源介绍:

2022年HCIA考试题库，含正确答案

Android Popupwindow显示在控件上方实例下载例子

Spring jar包

hadoop的winutils,hadoop.dll

Qt样式表使用大全(中文整理资料)

Socket文件传输

阿里巴巴Java开发手册（终极版）.pdf

Pro C# 2008 and the .NET 3.5 Platform, Fourth Edition