如何用Echart中国地图更换背景图片？

本文共计1213个文字，预计阅读时间需要5分钟。

目录+需求+解题思路+解题方法+最终效果+需求+UI设计+代码示例+这张图，背景图用线条画出来，心里也是...，没方法也要实现出来。+解题思路+1. 思路一+在canvas外层添加一个'd'。

目录

• 需求
• 解题思路
• 解题方法
• 最终效果

需求

• ui设计稿给了一张下面这张图，背景图用线条画出来的， 心里也是...，没办法也是要实现出来。

解题思路

1.思路一

在canvas外层添加一个div背景图用上面的图片，然后把map地图背景图调成透明，这种方法有很大问题，就是后面怎么做hover显示不同的省份，怎么做缩放呢，难不成还要监听canvas的组件事件来缩放div，所以果断放弃。

2.思路二

仔细观察这张图是不是有规律的，它是一个一个小方格组成的就像贴地板砖一样，那我是不是可以利用地图的纹理来做文章,经过查找Echart api 正好有设置纹理的配置，赞。