leafleft/маркеры MapBox укладывают поверх друг друга

Это, как я создаю карту и добавить маркеры к нему:leafleft/маркеры 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: {} 
}; 

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

marker.layer.addTo(cinemaLayer);

При уменьшении масштаба маркеры кажутся друг на друга:

enter image description here

Я предполагаю, что это какой-то вариант распространения маркера. Как отключить его?

источник

2015-02-24 Gajus

'className: 'marker-cinema-location'' - Это могут быть ваши прокладки или поля CSS, я видел, что они складываются при неправильной настройке (хотя и с другим плагином Leaflet). По умолчанию он не распространяет маркеры. – chrki

Вы правы. Это было. Это или что-то еще, что связано с использованием 'L.divIcon'. Я переключился на значок по умолчанию, и он отлично работает. Спасибо, я буду исследовать его дальше. Добавьте это как ответ, пожалуйста. – Gajus

Листовка по умолчанию не распространяется по маркерам.

Вы используете собственный CSS-класс для своих маркеров. Проверьте свои paddings, поля и границы CSS. Они иногда складываются.

источник

2015-02-24 09:29:38 chrki

leafleft/маркеры MapBox укладывают поверх друг друга

ответ

Смежные вопросы