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

【问题标题】：Make google maps plugin black/white or with sepia filter使谷歌地图插件黑/白或棕褐色过滤器
【发布时间】：2011-09-29 03:13:28
【问题描述】：

我想知道是否可以以黑/白或带有棕褐色过滤器的方式显示 Google 地图。可以用一些 Canvas 魔法来完成吗？还是叠加？还是其他方法？

【问题讨论】：

标签： javascript html google-maps canvas google-maps-styled

【解决方案1】：

Check this fiddle out，我已经对所有元素进行了去饱和以创建黑白效果，例如：

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

You can style your maps using this wizard

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

【讨论】：

@dspacejs 你真的因为我的代码格式而对我的答案投了反对票吗？

【解决方案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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

我的历史中有这个链接。有人在flash中做到了http://www.anttikupila.com/GoogleMapsBw/1

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

【讨论】：

谢谢，但它的闪存。我想用 JS / HTML5 来实现。周末用 JS 试试你的小费