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&amp;q=" + patientObj._address + "&amp;ie=UTF8&amp;t=&amp;z=17&amp;iwloc=B&amp;output=embed";

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

当前，我得到一个跨源错误，但仅当js代码执行时。没有js，它可以完美运行。我想动态更改链接并查看地图，而无需任何计费帐户。有可能吗？

Google Maps iframe动态链接

0 个答案: