javascript - 使谷歌地图插件黑/白或棕褐色过滤器

Question

我想知道是否可以以黑/白或棕褐色过滤器显示谷歌地图。可以用一些 Canvas 魔法来完成吗？还是叠加？还是别的什么方法？

Answer 1

检查这个小提琴，我已经对所有元素进行了去饱和以创建黑白效果，例如：

{
   "featureType": "road.highway",
   "elementType": "geometry",
   "stylers": [
     { "saturation": -100 },
     { "lightness": -8 },
     { "gamma": 1.18 }
   ]
 }

您可以使用此向导设置地图样式

或者使用非常人性化的Snazzy Maps 。

Answer 2

是的，您可以使用 google api 的样式地图功能。

这是一个示例 http://www.programmableweb.com/news/make-your-google-map-stand-out-styles/2010/05/20

这是文档 http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

这里是一个所见即所得的向导来重新着色你的地图 http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

Answer 3

http://www.nihilogic.dk/labs/imagefx/带来了棕褐色和去饱和（黑白）过滤器......但它在Safari中不起作用，IE只能去饱和，没有棕褐色

Answer 4

我的历史中有这个链接。有人在 Flash 中完成了http://www.anttikupila.com/GoogleMapsBw/ 1

编辑：在考虑了您的想法后，我还发现我喜欢这个示例，并且您可以附加一个侦听器以在加载图像时更改它们。但它可能无法顺利运行。