Google Maps has black lines running through it

I am having an issue where all of my Google maps on my website have black lines running through them.

Any help would be appreciated.


Here is my site Read-Only: https://preview.webflow.com/preview/hitthemark?utm_medium=preview_link&utm_source=designer&utm_content=hitthemark&preview=d42ff6e2c4e8f0806e303cc97de5b2e0&pageId=609ac0774f6b1c07c1a6e272&workflow=preview

I looked at the read-only link page your shared. Saw one Google map which was not configured. Please share a published URL that shows the issue. Maybe I can circle back and check.

https://www.hitthemarkdesigns.com/portfolio/dentist/home

thank you

To debug this I would try moving the map out of the Grid, republish and check. I would also check to see if a blank page with only a map produces the same artifacts.

I have tried this already on a test page and unfortunately the lines still show up.

test page address - www.hitthemarkdesigns.com/test-map

So this appears to affect only your project since I can’t duplicate the issue on one of mine. You could further isolate by trying to create a new project with a map. If it persists that would indicate something related to your API project. If not, that would point to something specific to your WF project. I looked but did not see anything obvious.

Thank you for looking into this for me.

I can tell you it is a style rule from your project.