Question

我使用iFrame来显示google-map，但它无效如果我将网址粘贴到浏览器中，则会显示确切的位置我不知道为什么它不起作用。

我的HTML代码：

<div><iframe src="<?php echo $uni['GoogleMapLink'];?>"  width="97%" height="50%" frameborder="0" style="border:1px solid #ccc;"></iframe></div> 

<?php echo $uni['GoogleMapLink'];?> is https://www.google.co.in/maps/place/Birmingham+City+University/@52.517047,-1.897309,17z/data=!3m1!4b1!4m2!3m1!1s0x4870b

浏览器中的输出是：

<div><iframe src="https://www.google.co.in/maps/place/Birmingham+City+University/@52.517047,-1.897309,17z/data=!3m1!4b1!4m2!3m1!1s0x4870bcf7bed14f49:0x783aa84ea9692f19"  width="97%" height="50%" frameborder="0" style="border:1px solid #ccc;"></iframe></div>

Answer 1

您不能在iframe中显示该网址。如果我创建一个包含您的代码的fiddle：

<div><iframe src="https://www.google.co.in/maps/place/Birmingham+City+University/@52.517047,-1.897309,17z/data=!3m1!4b1!4m2!3m1!1s0x4870b"  width="97%" height="50%" frameborder="0" style="border:1px solid #ccc;"></iframe></div>

并查看javascript控制台，我看到了：

Refused to display 'https://www.google.co.in/maps/place/Birmingham+City+University/@52.517047,-1.897309,17z/data=!3m1!4b1!4m2!3m1!1s0x4870b' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

您应该查看Embed API或使用Google工具创建可以放在网页上的地图。

iframe谷歌地图不起作用

1 个答案: