Question

我试图在我的应用程序中嵌入Google地图iFrame：

    Dim Map As String

    Map = "<html>" & _
            "<body>" & _
                "<div style =""overflow:auto;"">" & _
                    "<iframe " & _
                        "Width = """ & webMap.Width & """ " & _
                        "Height = """ & webMap.Height & """ " & _
                        "frameBorder=""0"" " & _
                        "style=""border:0;"" " & _
                        """padding-top:0;"" " & _
                        """margin-top:0;"" " & _
                        """border-top:none;"" " & _
                        "src=""https://www.google.com/maps/embed/v1/search?key=[Key]&q=[Address]""" & _
                        "allowfullscreen>" & _
                    "</iframe>" & _
                "</div>" & _
            "</body>" & _
        "<html>"

    webMap.DocumentText = Map

Screenshot

地图的顶部和左侧始终带有白色边距。我已经尝试将控件上的边距设置为＆＃39; 0＆＃39;，正如您所看到的，我已经尝试调整框架的边框/边距。是什么引起了这个？浏览普通网址不会产生边框。

Answer 1

也许你可以检查gmap iframe的CSS。有时候，你可以在CSS样式表中覆盖一个边距。

Answer 2

为div <div style =""overflow:auto;"">设置ID，例如“mapMap”（示例）。完成此操作后，您可以处理您的CSS：

#mapMap > iframe{
   border: 0;
}

这是jsfiddle： https://jsfiddle.net/curcif/30dkod1t/

使用iFrame时WebBrowser中的左上角白色边框

2 个答案: