javascript - Folleto de dibujo de azulejos de forma disjunta

leaflet

Question

Estoy creando una instancia de un mapa de folleto, pero los mosaicos están básicamente dispersos por toda la página, mientras que el mapa está dentro de un div, la mayoría de los mosaicos no respetan ese límite:

<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>

El javascript se reduce 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 );

¿Qué haría que las fichas se trazaran por todas partes? Un par de fichas están dentro de los límites del div, pero no el resto de ellas. Puedes ver una captura de pantalla de lo que sucede aquí:

Answer 1

Esto suena como un síntoma de la falta de un archivo Leaflet CSS o una versión incorrecta de ese archivo.