0
私はこのマップに白黒の効果が必要です。次のクロム、エッジ、ファイアフォックス、サファリで動作します。クロスブラウザのグレースケールが機能しない
元は、私のCSSは以下のように見えました。私は周りを見回し、人々が働いていた唯一の本当の解決策はフィルタでした：url（ '....'）しかし、私にとってはうまくいきません。解決策があれば誰もが大歓迎です。 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);
}