使用echarts简单制作中国地图

网站需要一张中国地图,并且鼠标经过某个省份,该省份的省份名字显示,而且该省份的地区会变色显示。

第一种方法:

将每个省份的图片定位(先隐藏),拼合成一张中国地图,然后再定位省份名称,鼠标经过省份名字,添加hover事件,将对应图片显示。

第二种方法:

使用图形插件echarts,轻松制作。

http://echarts.baidu.com/doc/example.html在echarts网站上下载文件包

使用echarts简单制作中国地图_第1张图片

echarts使用方法查看页面

http://echarts.baidu.com/doc/doc.html#%E5%BC%95%E5%85%A5ECharts3

可以在网站上调整好需要的样式再放到本地看效果

使用echarts简单制作中国地图_第2张图片

自己试验的demo如下:





   
    echarts图形插件使用




   


   
   


效果图如下:

使用echarts简单制作中国地图_第3张图片

你可能感兴趣的:(jquery,javascript,插件)