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

Question

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

• 图像比弹出窗口大得多(http://postimage.org/image/c7u0n5sx3/)
• autoPan选项不起作用

我的代码如下:

    <?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;
}

在此链接中找到