前端自主变换supermap

之前开发因为涉及到需要改变supermap底图的颜色，然后投机取巧找到一个办法，就是用css的色相变换

.map{
    filter: invert(100%) hue-rotate(180deg);
	-webkit-filter: invert(100%) hue-rotate(180deg);
	mix-blend-mode: exclusion;
}	

当然了，熟悉css的都知道，无非就是色相的变换。然后遇到一个问题，就是IE10及以上都已经废除了filter属性。

因此，又想到一种办法，就是给想要变换的区域，添加border，然后无限放大边界，同样也是进行色相的旋转。

 

style="z-index:2147483647 ;outline:2999px solid invert;"

但是需要注意的是，仅仅对于supermap来说，必须要把地图嵌入iframe，否则周边的div也是会跟着变化的。