【问题标题】：Add gradient to water on a SVG map like in Google Maps (PHP / JS)在 SVG 地图上为水添加渐变，如 Google Maps (PHP / JS)
【发布时间】：2016-09-11 06:05:39
【问题描述】：
仔细查看谷歌地图，您会发现水域不仅仅是一种颜色，而是一种颜色渐变。靠近陆地的蓝色比远处的颜色更深。
我在一个关于时区的小型网站上有一张 SVG 地图 (http://worldtimemap.net/)。这张地图看起来很无聊，我想通过程序代码在谷歌地图中添加水渐变效果。
关于这个效果背后的编程有什么提示吗？我已经包含了 Raphael JS。
【问题讨论】：
标签：
javascript
php
google-maps
svg
raphael
【解决方案1】：
您可以像这样将阴影过滤器 CSS 属性应用于 SVG：
svg {
-webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,.2));
filter: drop-shadow(0 0 5px rgba(0,0,0,.2));
}
当然可以对模糊/扩展/颜色值进行任何调整。