Google Maps iframe динамическая ссылка

Question

Я пытаюсь отобразить Google Maps iframe с динамической ссылкой.Когда ссылка статическая, отображается карта, однако, если я пытаюсь изменить ссылку, я блокируюсь.

html

<iframe id="mapidgm" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" 
                        width="100%" height="500px" 
                        src="http://maps.google.pt/maps?hl=pt&amp;q=Portugal&amp;ie=UTF8&amp;t=&amp;z=17&amp;iwloc=B&amp;output=embed"
                        frameborder="0" 
                        scrolling="no" 
                        marginheight="0" 
                        marginwidth="0">
</iframe>

js

let link = "http://maps.google.pt/maps?hl=pt&q=" + patientObj._address + "&ie=UTF8&t=&z=17&iwloc=B&output=embed";

document.getElementById("mapidgm").setAttribute("src", link);

В настоящее времяЯ получаю ошибку перекрестного происхождения, но только при выполнении кода js.Без js работает отлично.Я хотел бы изменить ссылку динамически и посмотреть карту, без какого-либо платежного аккаунта.Это возможно?