如何在页面使用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的地图的主要内容,如果未能解决你的问题,请参考以下文章