Tuesday, June 30, 2015
CSS Filters for Maps
This Japanese map is a nice example of both a dual map display and the use of CSS filters to change the hue and brightness of a map.
CSS Filter provides a side-by-side comparison of a satellite and street map. You can swipe between the two maps by using the slider control at the top of the map. CSS Filter also contains a number of controls which allow you to adjust the brightness, contrast, saturation and hue of the road map. You can also add a blur effect and invert the colors.
The map uses CSS filters to adjust the colors of the road map. CSS filters provide an easy way to adjust the colors of your map tiles if you can't be bothered with the sometime arduous task of creating your own map style.