Leaflet(Cloudmade)弹出窗口中的图像大小似乎不计算以确定弹出窗口的大小

Question

我很难解决在 Mapbox map 上使用 Leaflet 库时遇到的问题。具体来说，我编写了代码，以便将弹出窗口绑定(bind)到 map 上的每个图标/标记。在每个弹出窗口中都有一个链接到不同网站的图像。不幸的是，该图像的大小似乎不计入实际弹出窗口大小的计算中，具有以下后果:

图像比弹出窗口大得多(http://postimage.org/image/c7u0n5sx3/)

自动平移选项不起作用

我的代码如下:

    <?php  
    // Retrieves info from all correct rows in database to further input in javascript
    while ($row = mysql_fetch_assoc($get_info)){
    $name = $row ['nombre'];
    $lat = $row ['lat'];
    $long = $row ['long'];

    echo
        "<script type=\"text/javascript\">
        var latlng = new L.LatLng(".$row ['lat'].", ".$row ['long']."); 
        var flyer = \"<a href='boliches/pdnws/".$row ['nombre'].".php'><img src='boliches/flyers/".$day."/".$row ['nombre'].".jpg'/></a>\";
        var MyIcon = L.Icon.extend({
                iconUrl: 'boliches/icons/".$row ['nombre'].".png',
        shadowUrl: null, iconSize: new L.Point(50, 50),
        shadowSize: null,
        iconAnchor: new L.Point(25, 25),
        popupAnchor: new L.Point(1, 1)
        }); 
        var icon = new MyIcon();    
        var marker = new L.Marker(latlng, {icon: icon});
        map.addLayer(marker);   
        marker.bindPopup(flyer, {maxWidth:800, autoPan:true});
        </script>"; 
    }
    ?>

你能想出一个可能的解决方案吗？恐怕我在编程方面还是个初学者，但是已经有太多天无法破解这个了。我真的很感谢你的帮助!非常感谢!

Answer 1

这对我来说似乎真的很有趣

.leaflet-popup-content {
    width:auto !important;
}

发现于 this link