大屏地图 按美工设计的效果怎么实现 [请教]

[yiyiniu]

1. 美工设计了一个漂亮的地图（非 3D 地图）
2. 功能要求：地图按 UI 设计的实现，但是希望其中５个省的地图颜色要区分，并且能点击下钻到省地图。

疑问点： １.美工设计的地图：是一张大图，没有用高德、百度等现成的地图。 2. 要实现上面的功能，请问可以这样做吗？

计划使用 Echart 地图，将地图背景设置到 Echart 地图中。然后关于 5 个省地图颜色问题，可否再给该省设置个颜色，显示在地图上层，加个透明度。可以实现吗？

[Leeeeex]

如果没有啥要求的话可以考虑直接放一张图片在上面，比用 echarts 方便多了。点击的功能可以商量一下能不能做成点击某个点实现。

[yiyiniu]

@chanChristin 我们也想放图片，但是领导想让默认这 5 个省的背景颜色不同。

[XHalso]

地图底图用图片，echarts 地图给透明，轮廓线对上底图

[Leeeeex]

@yiyiniu 那让 ui 帮忙改下图呗，这个工作量可比你用 echarts 调地图少多了。

[yiyiniu]

@XHalso 好的，只能试试了。

[yiyiniu]

@chanChristin 领导喜欢，咱要做个平面的，又不满意 了

[okevin]

给地图添加点线面，是很基本的啊。

[hackhu2019]

可以连外网可以接高德地图的 api https://lbs.amap.com/api/loca-v2/intro

[2I0Mto2kjm0c0B9i]

非常不喜欢美工这个称呼，虽然我是程序员

[yiranyibaozha]

@iapplebear 我是称呼为设计师😂

[sxyhappiness146]

让 UI 导出 svg 叠在做好的图片上, svg 上色

[yiyiniu]

多谢各位。好的。有时候我们称为 UI 设计师