在小div中加载更多的tile

Question

我正在努力实现foursquare用他们的UI做的事情！ 偏向左侧https://foursquare.com/的地图中心 我已经发现他们是如何做到的，但不能实现第二部分 第一部分是将地图加载到一个小div（一个包含标记的div）中，然后使用overflow:visible，其他tile将填充具有width:100%的父div。 我现在遇到的问题是，当我进行溢出时只显示几块瓷砖：可见 我的问题是：如何在小div中加载更多的图块？
下图说明了瓷砖如何填满整个容器 谢谢。

修改

这是foursquare主页上显示的完整地图，它被称为提示地图。   但是仅显示此地图，因为容器有overflow:visible。 如果溢出被隐藏，你会有：

因为div大小只有600px。

Answer 1

实际上有一个非常酷的教程/文章关于A List的主题来自Mapbox的Young Hahn你可以在这里阅读：http://alistapart.com/article/hack-your-maps你可以在这里看到最终结果：https://www.mapbox.com/tutorial-sherlock/他＆＃ 39;使用Mapbox，但这与使用Leaflet几乎相同（Mapbox是Leaflet的扩展）所以在那里完成的所有工作也适用于Leaflet。它使用了map元素周围的包装器以及相对和绝对定位：

#pane {
    position:fixed;
    top:0px;
    bottom:0px;
    right:0px;
    width:66.6666%;
}
#map  {
    position:absolute;
    top:0px;
    bottom:0px;
    width:200%;
    left:-50%;
}

这里有一个使用Leaflet on Plunker的小测试用例：http://plnkr.co/edit/vkTvRi?p=preview