如何在页面使用echarts的地图

Posted 红尘里

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在页面使用echarts的地图相关的知识,希望对你有一定的参考价值。

测试环境:IDEA+Tomcat7 谷歌浏览器

创建好web工程,编写jsp页面,在自己编写的JSP页面上导包

现在echarts停止了在其网站上下载地图脚本,直接通过src引用网站上的china.js脚本发现地图不完整,我是直接下载到本地使用的,

在JSP页面<head>中导入下载好的china.js文件,

<head>
<script type="text/javascript" src="js/china.js"></script>
</head>

下载地址 https://github.com/ecomfe/echarts/blob/master/map/js/china.js

在github里面下js文件是点击页面上的raw,我是直接按ctrl+a复制,然后粘贴到txt文档里,然后改个名字就能用了

然后根据echarts的官方手册,在页面的 <body>里创建一个容器 DOM,在DOM里面使用echarts,直接从echarts官网实例上复制相应的代码,然后启动服务器,从浏览器访问页面看看效果。

 

以上是关于如何在页面使用echarts的地图的主要内容,如果未能解决你的问题,请参考以下文章

ECharts3 怎么加载 china.js 地图

echarts地图显示不正常问题

百度地图标注及结合ECharts图谱数据可视化

我用的echarts中国地图怎么获取到当前选中的区域id或者名称

Vue封装echarts组件

ECharts3 怎么加载 chinajs 地图