Leaflet 左叶/地图框标记堆叠在彼此的顶部

Leaflet 左叶/地图框标记堆叠在彼此的顶部,leaflet,mapbox,Leaflet,Mapbox,以下是我创建地图并向其添加标记的方式: 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: {} }; mar

以下是我创建地图并向其添加标记的方式:

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);
缩小时,标记显示为彼此重叠:


我猜这是某种标记扩展选项。如何禁用它?

默认情况下,传单不会传播标记


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

className:“marker cinema location”
-可能是您的CSS填充或边距,我见过配置错误时累加起来的(尽管使用了另一个传单插件)。默认情况下,它不会传播标记。你是对的。是的。与使用
L.divIcon
相关的任何内容。我已经切换到默认图标,效果很好。谢谢,我会进一步调查的。请加上这个作为答案。