leafleft/mapbox 个标记相互堆叠

Question

这是我创建地图并向其添加标记的方式：

var map,
    cinemaLayer;

map = L.mapbox.map('map-player', 'XXX', {
    zoom: 10,
    minZoom: 10,
    maxZoom: 14,
});

cinemaLayer = L.mapbox.featureLayer();

marker = {
    lat: 48.8656,
    long: 2.3246,
    layer: {}
};

marker.layer = L.marker(L.latLng(marker.lat, marker.long), {
    icon: L.divIcon({
        className: 'marker-cinema-location',
        iconSize: [40, 65]
    })
});

marker.layer.addTo(cinemaLayer);

当您缩小时，标记似乎在彼此之上：

我猜这是某种标记传播选项。如何禁用它？

Answer 1

Leaflet 默认不传播标记。

您正在为您的标记使用自定义 CSS class。检查您的 CSS 填充、边距和边框。他们有时加起来。

leafleft/mapbox 个标记相互堆叠

leafleft/mapbox markers stack on top of each other

leaflet

mapbox