html 网页地图集制作ECHARTS,在页面使用echarts的地图(解决地图不完整)

  • Post author:
  • Post category:其他


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

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

78b2a0f2396bc436b6e8a9980830c4b7.png

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

在JSP页面

中导入下载好的china.js文件,

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

6aabc5213e81640b98babbe50140a118.png

然后根据echarts的官方手册,在页面的

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

使用echarts简单制作中国地图,echarts中国地图

网站需要一张中国地图,并且鼠标经过某个省份,该省份的省份名字显示,而且该省份的地区会变色显示. 第一种方法: 将每个省份的图片定位(先隐藏),拼合成一张中国地图,然后再定位省份名称,鼠标经过省份名字, …

Echarts数据可视化series-map地图ÿ