HTML5 iframe不会显示url源图像

时间:2018-08-27 11:05:43

标签: html css html5 css3 iframe

我已经尝试过了:

<iframe src="https://www.google.com/maps/@52.047652,1.1568687,14z"width ="400 height = "400"> </iframe>

我什至尝试删除URL地址的不同部分。

我什至尝试添加如下边框:

<iframe frameborder = "1" src="https://www.google.com/maps/@52.047652,1.1568687,14z" width ="400 height = "400" > </iframe>

出现边框线,但是无论如何,实际图像本身不会。

我还使用Visual Studio代码在Mozilla Firefox Quantum中运行所有这些操作。

谢谢您的帮助。

3 个答案:

答案 0 :(得分:1)

您忘记关闭双引号的宽度,标记不完整。

<input id="handle" type="text" class="form-control" name="name" aria-label="" 
    aria-describedby="" value="jacobs-fishing-supply-birmingham">

这可能会有所帮助:Generate Google Map Iframe

答案 1 :(得分:0)

您错过了width属性中的双引号(“)

 <iframe src="https://www.google.com/maps/@52.047652,1.1568687,14z"width ="400" height = "400"> </iframe>

答案 2 :(得分:0)

您忘记了双引号的宽度。

下次您可以尝试使用此工具时,它将为GMaps生成iframe: https://www.mapsdirections.info/en/custom-google-maps/