带有传单弹出框的问题-框角上的小标签。这是某种故障吗？

Question

我最近设置了一张传单地图，并在单击时弹出了工具提示。我认为一切工作正常，直到有人指出每个弹出框的右下角都有这个奇怪的标记（请参见下图）。

任何主意是什么原因造成的？

这是弹出窗口的代码：

function popUp (feature, layer) {
   layer.bindPopup("<h1 class='city_infoheader'>" + feature.properties.city + " </h1><p>PM2.5 Attributable COPD Deaths: "+Math.round(feature.properties.copd) + "</p>");
   layer.setIcon(circle);
};

function PoppopUp (feature, layer) {
   layer.bindPopup("<h1 class='infoheader'>"+feature.properties.admin+" </h1><p>Country Population: "+feature.properties.pop_est+"</p>");
}; 

var pmDeaths = new L.geoJson(pmDeaths,{
    onEachFeature: popUp,
}).addTo(mymap);

var countryPop = new L.geoJson(countryPop,{
    style:countryColor,
    onEachFeature: PoppopUp,
}).addTo(mymap);

我最近设置了一张传单地图，并在单击时弹出了工具提示。我认为一切工作正常，直到有人指出每个弹出框的右下角都有这个怪异的标记...

Answer 1

.leaflet-popup-tip-container有点错误。单击标记后，弹出标记下方的箭头指示标记。由于某种原因，它已失真。最好的快速解决方案是将CSS类选择器设置为：

Answer 2

我有同样的问题。如果除了已经包含传单的库（例如mapquest，mapbox）之外还包括leaflet.css，则样式定义将重复/冲突，这将导致弹出提示出现此问题。解决方案是从构建中删除leaflet.css。