Question

所以我有这个谷歌地图，它需要有黑白效果，它适用于以下的chrome，edge和firefox但是safari，即它是不行的。

最初我的css看起来如下，我环顾四周，人们说的唯一真正解决方案是过滤器：url（＆＃39; ....＆＃39;）但对我来说它不起作用。任何有解决方案的人都会非常感激。 p.s我希望如果这是用css完成的，任何人都说可以用api完成，而不是沿着那条路走。

#LocationMap {
width: 100%;
height: 400px;
float: left;
filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.5);
}

Answer 1

你可以使用样式化地图，这里有信息来实现： https://developers.google.com/maps/documentation/javascript/styling

如果你愿意，你可以在这里找到大量的现成风格： https://snazzymaps.com/

跨浏览器灰度无法正常工作

1 个答案: