前端绘制地图的色块不依赖地图

最近总有需求，要在页面上画各个市区的需求还要有一系列事件，需求要只显示这部分数据，隐藏其他省市区。地图插件实现的话隐藏其他区域不知道怎么弄，想着都有坐标了，用svg、canvas、css的clip-path:polygon()也能玩出来，干嘛要用百度地图或其他地图插件呢。

实现思路是先把地理坐标的东经北纬转换成前端定位的像素值,再根据容器大小等比放大，再用svg或者canvas画出多边形。

资源地址：https://download.youkuaiyun.com/download/u011964241/87006602

实现效果如下，供前端小白参考，本来想免费，但别人的资源也要积分这个很无语。