0

是否可以在 CSS 中声明整个 Google 地图？我的意思是这样的。
HTML：

<iframe id="map"></iframe>

CSS

#map {
  width: 300px;
  height: 300px;
  frameborder: 0;
  scrolling: no;
  marginheight: 0;
  marginwidth: 0;
  src: url("https://maps.google.cz/?#####");
}

感谢您的任何帮助。:)

4

3 回答 3

3

我并不是说这是一个好主意，但您可以使用 iframe 中未使用的 CSS 值之一来实现。

您仍然需要一些 javascript 启动代码来将 src 替换为正确的值，但如果您只是添加了一点点，您就可以使用 css 值来控制您的 iframe src。

CSS

#map1 
{
    content: "http://site1.com"; 
}
#map2
{
    content: "http://site2.com";
}

Javascript

$(document).ready(function() {
    //loop through all iframes, and replace the src with the css value of content
    $("iframe").each(function() {
        var url = $(this).css("content");
        //url comes with the quotes around them, so strip them off
        url = url.substr(1, url.length -2);
        $(this).attr("src", url);    
    });
});

这是我正在谈论的内容的模拟。 http://jsfiddle.net/mLtWL/

于 2013-06-29T22:45:11.203 回答
0

由于您不需要地图中的任何类型的功能，而您基本上只需要图像，因此您可以使用静态地图（图像）。只需通过在 url 中传递正确的参数来构造您想要的图像，然后将其放入 css 中。在这里查看更多

于 2013-06-29T22:29:36.753 回答
0

不，你不能以任何简单的方式做到这一点。CSS 仅用于控制外观，iframe 的来源不是样式。

您可能可以使用 javascript 解析它（即解析样式并以这种方式设置源），但是您将以一种并非设计用于的方式使用 CSS。

于 2013-06-29T22:35:37.793 回答