Google Maps API v3 - 动态广告尺寸

Question

我正在使用here所述的Google Maps API，并按照定义here将Adsense广告添加到页面中。我想根据设备的屏幕尺寸显示不同的广告尺寸。目前我显示的是一个尺寸，对于桌面浏览器来说太小了，对于移动浏览器来说太大了。

有没有办法做到这一点？

Answer 1

尝试检查javascript属性screen.width和screen.height。

Answer 2

将它们放在容器中并将容器设置为％宽度，然后将iframe设置为相同。因此，根据屏幕尺寸，您的添加将扩展以修复百分比。您可能需要触发调整大小事件以满足用户最小化屏幕的需要。例如：

你的CSS：

.ad-holder{ width: 33%;height: 200px;} //width can be anything you declare

您的HTML：

<div class="ad-holder">
<iframe src="the map or ad" width="100%" height="200px" frameborder="0" id="map_options_styling_iframe">
  </iframe>
</div>