使用echarts扩展地图案例

最新推荐文章于 2024-06-11 21:36:57 发布

辉之素狂

最新推荐文章于 2024-06-11 21:36:57 发布

阅读量2.9k

点赞数 2

分类专栏：工具类文章标签： echarts 地图

本文链接：https://blog.csdn.net/qq_26584263/article/details/80269165

版权

查看了echarts上面香港的地图扩展以后自己做了一个云南地图扩展：

里面的jquery和echarts文件自行下载，地图json数据我已经上传资源了。

下面直接贴代码不磨叽

<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
   </head>
   <body style="height: 100%; margin: 0">
       <div id="container" style="height: 100%"></div>
       <script src="js/jquery-3.3.1.min.js"></script>
      <script src="js/echarts.min.js"></script>
       
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
myChart.showLoading();

$.get('yunnan.json', function (geoJson) {

    myChart.hideLoading();

    echarts.registerMap('YN', geoJson);

    myChart.setOption(option

最低0.47元/天解锁文章

辉之素狂

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
使用echarts扩展地图案例

查看了echarts上面香港的地图扩展以后自己做了一个云南地图扩展：里面的jquery和echarts文件自行下载，地图json数据我已经上传资源了。下面直接贴代码不磨叽&lt;!DOCTYPE html&gt;&lt;html style="height: 100%"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt;...
复制链接

扫一扫