Desenho do folheto lado a lado
Estou instanciando um mapa de folheto, mas os blocos estão basicamente espalhados por toda a página - enquanto o mapa está dentro de uma div, a maioria dos blocos não respeita esse limite:
<div class="widget-content listing-search-map-widget-content">
<div class="ih-map"
id="Map_5333811_16"
style="height:450px;"
data-centerpoint="38.573955 -121.442478"
data-mousewheel="true"
data-maptype="TERRAIN"
data-zoom="8"
>
</div>
</div>
O javascript se resume a:
mapOptions = {
attributionControl: true,
center: {
lat: 38.573955
lng: -121.442478
},
centerpoint: "38.573955,-121.442478",
layers: {},
maptype: "Terrain",
scrollWheelZoom: false,
zoom: 8
}
var map = L.map( "Map_5333811_16", mapOptions );
O que faria com que os ladrilhos fossem plotados em todo o lugar? Alguns deles estão dentro dos limites da div, mas não no restante deles. Você pode ver uma captura de tela do que acontece aqui: