Google Maps iframe using CMS

New to Webflow here…Any tips would be greatly appreciated…

Im trying to load an iframe (Google Map) from a cms collection. I have a cms collection named “states” with a plain text item that holds my map url. I added an embed element to my page like this:

After publishing I get an error of: “Google could not connect”.

Ive tried this in both my “states” cms collection page and a cms collection list on a static page and cannot get the map to load. I am able to get the map to load with no issues on both when I do not reference the [MAP CMS VARIABLE] in the embed. (meaning if I just include the iframe link it works fine. Problem arises only when trying to feed the url via the collection.

It looks like others have had this issue, and I tried this exact method but it did not work for me or I am missing something…

Any pointers would be greatly appreciated!

Here is my public share link: [LINK][1]