我很难解决在Mapbox地图上使用Leaflet库时遇到的问题.具体来说,我编写了代码,以便弹出窗口绑定到地图上的每个图标/标记.在每个弹出窗口中都有一个链接到不同网站的图像.不幸的是,这个图像的大小似乎不计入实际弹出窗口大小的计算,具有以下结论:
我的代码如下:
<?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)
}); …Run Code Online (Sandbox Code Playgroud)