jQuery技术:Color Tint my Google Map

添加一个矩形看起来很有说服力，有一个缺陷：当地图放大和缩小时闪烁。 我没有彻底测试，但你可能会遇到分层问题，例如，无法点击矩形下方的一行。 我记得，标记位于不同的窗格中，因此可以单击。

演示

bounds = new google.maps.LatLngBounds( new google.maps.LatLng(-84.999999, -179.999999), new google.maps.LatLng(84.999999, 179.999999)); rect = new google.maps.Rectangle({ bounds: bounds, fillColor: "#0000ff", fillOpacity: 0.3, strokeWeight: 0, map: map }); 

旁注：我试过像这样的KML叠加：

   Dynamic Positioning: Top of screen 0  https://...blue.png       

本来是胜利者，但你不能拖动和滚动地图。

我将假设您将API嵌入到网页中。 如果这是真的你可以将API包装到div让我们说然后使用一些CSS用你选择的蓝色填充div并将所述div的不透明度设置为0.4或（40％）。 您的代码看起来像这样：

HTML

 
MAP API EMBEDDING CODE 

CSS

 #mapwrapper{ opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } 

正如w3schools.com所引用的那样

我已将它用于网站上的社交媒体/社交网络连接。

再次，如果你嵌入到一个网站，我会特别询问你的意图，但这件事不会让我发表评论。

实际上，我发现自己的解决方案比建议的更好。

我的解决方案也可以防止闪烁。 在这个post中查看！