Google Maps Grayscale

<style>
.google-maps iframe{ height:461px; filter: grayscale(80%) invert(100%) contrast(100%);}.google-maps{margin-top:130px;padding-bottom:296px;width:100%;height:461px;}
</style>

iframe

<span class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3058.4602309024854!2d32.91831608396794!3d39.953461839527996!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x92c48120e8aa579!2zRlJHxLBOxZ5BQVQgUkVTVC5UVVJaxLBNLlTEsEMuTFRELsWeVMSw!5e0!3m2!1str!2str!4v1618050349729!5m2!1str!2str" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" title="google-maps"></iframe>
</span>

 

Daha koyu isterseniz grayscale(80%) yerine %100 yapın .

 

Demosu na da bakabilirsiniz. https://codepen.io/bloggeriz/pen/MWdGoVV