javascript - 传单不连贯地绘制瓷砖

Question

我正在实例化一张传单 map ，但图 block 基本上散布在整个页面上 - 虽然 map 在一个 div 中，但大多数图 block 都没有遵守该边界:

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

JavaScript 归结为:

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

什么会导致图 block 到处都是？有几个图 block 在 div 的范围内，但其余部分不在范围内。您可以在此处查看所发生情况的屏幕截图:

Answer 1

这听起来像是缺少 Leaflet CSS 文件或该文件版本不正确的症状。