使此jQuery映射适应屏幕分辨率

Question

我试图让jQuery地图适应屏幕分辨率。这是我的项目链接：http://comercialposadas.com/goodbarber/

我在mapplic.js中使用此代码来调整地图大小：

$(window).resize(function() {
    self.el.height($(window).height());
}).resize();

但是地图并没有显示出来。

Answer 1

如果您将height:100%;添加到html和body元素的样式中，或添加到解决它们并更改的CSS文件中：

<div id="mapplic" class="mapplic-element" style="height: 420px;">

到

<div id="mapplic" class="mapplic-element" style="height: 100%;">

它会使地图​​以全高显示。

更改html和body以及#mapplic div的原因是，需要从文档的根目录继承高度才能使用100%