echart中国地图跟省地图整合

最新推荐文章于 2024-06-21 15:52:46 发布
最新推荐文章于 2024-06-21 15:52:46 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： echart 文章标签： 中国 地图 省份
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MonyMy/article/details/70477647
版权
该博客介绍了如何在ECharts中将中国地图与各省份地图进行整合，强调需要从官方下载JS文件并引用，例如河北和山西的省份地图。
摘要由CSDN通过智能技术生成
 <html>

<head>

//中国地图跟省市地图的整合

//这里js需要去echarts官网下载，把所有的省份js全部引用一下。

//这里只写两个hebei 和 shanxi的引用

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="js/echarts.js"></script>
<script src="china.js"></script>
    <script type="text/javascript" src="djs/shanghai.js"></script>
    <script type="text/javascript" src="djs/neimenggu.js"></script>
    <script type="text/javascript" src="djs/taiwan.js"></script>
    <script type="text/javascript" src="djs/xianggang.js"></script>
    <script type="text/javascript" src="djs/aomen.js"></script>
    <script type="text/javascript" src="djs/chongqing.js"></script>
    <script type="text/javascript" src="djs/tianjin.js"></script>
    <script type="text/javascript" src="djs/xinjiang.js"></script>
    <script type="text/javascript" src="djs/beijing.js"></script>
    <script type="text/javascript" src="djs/ningxia.js"></script>
    <script type="text/javascript" src="djs/qinghai.js"></script>
    <script type="text/javascript" src="djs/gansu.js"></script>
    <script type="text/javascript" src="djs/guangxi.js"></script>
    <script type="text/javascript" src="djs/hainan.js"></script>
    <script type="text/javascript" src="djs/sichuan.js"></script>
    <script type="text/javascript" src="djs/guizhou.js"></script>
    <script type="text/javascript" src="djs/yunnan.js"></script>
    <script type="text/javascript" src="djs/xizang.js"></script>
    <script type="text/javascript" src="djs/shanxi1.js"></script>
    <script type="text/javascript" src="djs/guangdong.js"></script>
    <script type="text/javascript" src="djs/hunan.js"></script>
    <script type="text/javascript" src="djs/hubei.js"></script>
    <script type="text/javascript" src="djs/henan.js"></script>
    <script type="text/javascript" src="djs/shandong.js"></script>
    <script type="text/javascript" src="djs/jiangxi.js"></script>
    <script type="text/javascript" src="djs/fujian.js"></script>
    <script type="text/javascript" src="djs/liaoning.js"></script>
    <script type="text/javascript" src="djs/jilin.js"></script>
    <script type="text/javascript" src="djs/heilongjiang.js"></script>
    <script type="text/javascript" src="djs/jiangsu.js"></script>
    <script type="text/javascript" src="djs/zhejiang.js"></script>
    <script type="text/javascript" src="djs/anhui.js"></script>
    <script type="text/javascript" src="djs/shanxi.js"></script>
    <script type="text/javascript" src="djs/hebei.js"></script>
</head>
<body>
<div style="width:50%;height:50%;float:left;">
       <div id="main" style="width: 500px;height:400px;float:left"></div></div>   
       <script type="text/javascript">
        var map = echarts.init(document.getElementById('main'));
        function randomData() {
            return Math.round(Math.random()*1000);
        }
        option = {
            tooltip: {
                trigger: 'item'
            },
            series: [
                {
                    name: '中国地图',
                    type: 'map',
                    mapType: 'china',
                    roam: false,
data:[
{name: '北京',value: 1000},
{name: '天津',value: Math.round(Math.random()*1000)},
{name: '上海',value: Math.round(Math.random()*1000)},
{name: '重庆',value: Math.round(Math.random()*1000)},
{name: '河北',value: Math.round(Math.random()*1000)},
{name: '河南',value: Math.round(Math.random()*1000)},
{name: '云南',value: Math.round(Math.random()*1000)},
{name: '辽宁',value: Math.round(Math.random()*1000)},
{name: '黑龙江',value: Math.round(Math.random()*1000)},
{name: '湖南',value: Math.round(Math.random()*1000)},
{name: '安徽',value: Math.round(Math.random()*1000)},
{name: '山东',value: Math.round(Math.random()*1000)},
{name: '新疆',value: Math.round(Math.random()*1000)},
{name: '江苏',value: Math.round(Math.random()*1000)},
{name: '浙江',value: Math.round(Math.random()*1000)},
{name: '江西',value: Math.round(Math.random()*1000)},
{name: '湖北',value: Math.round(Math.random()*1000)},
{name: '广西',value: Math.round(Math.random()*1000)},
{name: '甘肃',value: Math.round(Math.random()*1000)},
{name: '山西',value: Math.round(Math.random()*1000)},
{name: '内蒙古',value: Math.round(Math.random()*1000)},
{name: '陕西',value: Math.round(Math.random()*1000)},
{name: '吉林',value: Math.round(Math.random()*1000)},
{name: '福建',value: Math.round(Math.random()*1000)},
{name: '贵州',value: Math.round(Math.random()*1000)},
{name: '广东',value: Math.round(Math.random()*1000)},
{name: '青海',value: Math.round(Math.random()*1000)},
{name: '西藏',value: Math.round(Math.random()*1000)},
{name: '四川',value: Math.round(Math.random()*1000)},
{name: '宁夏',value: Math.round(Math.random()*1000)},
{name: '海南',value: Math.round(Math.random()*1000)},
{name: '台湾',value: Math.round(Math.random()*1000)},
{name: '香港',value: Math.round(Math.random()*1000)},
{name: '澳门',value: Math.round(Math.random()*1000)}
],
                       label: {
emphasis: {
textStyle: {
areaColor:'#fff',
最低0.47元/天 解锁文章
Monkey业
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2022年echarts福建省最新9市json地图
04-30
2022年自己调整过使用过的echarts福建省最新9市json地图，包括福州市、厦门市、泉州市、漳州市、莆田市、宁德市、龙岩市、三明市、南平市。echarts直接调用json文件。
ECharts--中国地图（无敌详细）
热门推荐
qq_45066453的博客
03-12 6万+
使用Echarts绘制中国地图，其中地图点信息由JSON文件编写，前端html直接从JSON文件中读取地区数据，渲染到前端即可。详细介绍用到的各个功能！代码直接复制运行即可！
echarts实现中国地图轮播省份地图（vue）
最新发布
时漂亮的博客
06-21 169
【代码】echarts实现中国地图轮播省份地图（vue）
【Echarts】绘制中国地图及各省份地图
qq_25285531的博客
12-07 3309
名字命名在对应的js文件里，需要写对，地理坐标js文件也有，复制出来就可以了。js，放射状和扩散圈。
❤️数据可视化❤️：基于Echarts + GeoJson实现的地图散点（气泡）组件【2】 - 福建省
YYDataV的博客
09-06 1064
☀️ 我的主页：YYDataV☀️欢迎点赞 ???? 收藏 ⭐留言，欢迎多多交流！！！ 目录 ❤️效果展示❤️ 一、方案架构 1、地图模块 2、关键技术 二、编码实现 （基于篇幅及可读性考虑，此处展示部分关键代码） 1、html 页面布局 2、引入地图文件 3、绘制地图气泡图，视觉映射效果 4、动态加载geoJson数据 5、GeoJSON数据格式 三、源码下载 ❤️系列文章❤️ 近年来，数据可视化大屏的出现，掀起一番又一番的浪潮，众多企业主纷纷想要打造属于自己的 “酷炫吊炸天”
Android Echart 中国地图简单集成
10-30
**标题：** "Android Echarts中国地图的简易集成实践指南" **描述解析：** Echarts是一款由百度开发的开源数据可视化图表库，专为Web应用设计，提供了丰富的图表类型和高度定制化的选项，能够帮助开发者在Android...
基于echart的简单疫情地图系统.zip
06-23
ECharts内置了世界地图和中国地图，同时也支持自定义地图数据，这使得展示全球或特定区域的疫情分布变得简单。 6. **交互功能**： ECharts提供了丰富的交互功能，例如鼠标悬停时的提示框、点击事件等。在这个系统...
包括省市县的echart3最新地图json文件
12-03
在给定的压缩包中，"包括省市县的echart3最新地图json文件" 提供了完整的中国地图数据，适合于在ECharts 3版本中直接使用，解决了用户在其他来源找不到完整地图数据的问题。 JSON（JavaScript Object Notation）是...
vue、echart实现地图下钻流线地图
05-12
例如，加载中国地图并设置地图系列： ```javascript var myChart = echarts.init(document.getElementById('main')); var option = { series: [{ type: 'map', mapType: 'china', data: [...], // 包含各个省份...
echarts 实现以中国为中心的世界地图
05-04
在本文中，我们将深入探讨如何使用 Vue.js 和 ECharts 框架来创建一个以中国为中心的世界地图。Vue.js 是一款流行的前端JavaScript框架，而 ECharts 是百度开发的一款优秀的数据可视化库，支持丰富的图表类型，包括...
2018年5月更新最新全国省市区县geojson数据（广西）（echarts等图表可用）
06-22
2018年5月更新的echarts等图表可用的全国省市区县的geojson数据包，含下辖所有市和区县数据，如需全部或最新，可联系。
echarts map 山西省市
10-24
echarts map 山西省市 完整代码包，包含山西省js文件以及山西各市js文件
echart广东省、市、区县地图数据json文件
12-25
包含了广东省、全市、全区县。所有地图数据json文件。命名是区划编码。
echarts福建省地图 fujian.js
09-07
echarts福建省地图所需的js
echarts 福建地图所需的js fujian.js
07-27
echarts 福建地图所需的js fujian.js
echart中国地图，多地图案例
xj_li的博客
05-24 6206
1.多地图案例 2.中国地图
EChart 展现内蒙古地图数据
weixin_34366546的博客
03-02 1万+
这两天和一个客户交流数据库运维的工作，结果对方需要的是一个交互设备监控和数据统计的软件。虽然有点不对口，不过做了这么多年的开发和运维，简单梳理了下，内容也不是太复杂，只是从梳理业务，到最后功能实现，以后后续的完善，也是不小的工作量。 简单看了下EChart的地图功能，已经比较丰富，所以直接调用现有的内容即可。 引入3个js，前面2个是必须的，后面一个是echart主题相关的js： <s...
Echart佛山五区地图-动态地图-江西地图
Guoye的专栏
05-28 2367
Echart佛山五区地图-动态地图-江西地图佛山地区Echart地图1. 下载2. 运行江西地图1. 在线调试 佛山地区Echart地图 1. 下载 使用百度Echart编写的佛山五区地图。 动态地图，颜色、字体、tooltip提示均可进行修改。 Foshan-佛山地区Echart地图代码下载 https://gitee.com/guoye/blog-attachments/raw/master...
河北省echart地图json
02-03
河北省echart地图json是用来描述河北省地理边界和各个地区的数据，以便在echarts地图上进行可视化展示。 这个json文件包含了河北省各个地区的地理边界数据，包括经纬度坐标信息和地区名称。通过读取该文件，我们可以将这些地理数据渲染到echarts地图上。 河北省echart地图json中还可以包含一些其他的数据，比如人口数量、GDP等。这些数据可以与地理边界数据进行关联，从而实现对不同地区数据的可视化展示。例如，可以根据人口数量对不同地区的颜色进行渲染，形成人口分布热力图。 使用echarts地图组件，我们可以根据河北省echart地图json的数据绘制出河北省的地图，同时可以通过配置项对地图的样式进行调整，比如改变地图的颜色、添加地图标注等。 通过echarts地图的交互功能，我们可以实现对地图上数据的进一步探索。例如，可以添加鼠标悬浮提示窗口，显示各个地区的具体数据信息；还可以实现点击地图时的数据联动，比如点击某个地区，展示该地区更详细的信息。 总之，河北省echart地图json为我们提供了河北省地理边界和相关数据，使我们能够通过echarts地图展示和探索河北省各个地区的信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值