Как добавить разные стили к одному полю метки с помощью CSS?

Решение этого довольно просто.

, когда ваши маркеры перемещаются по вашей карте, это связано с тем, что карта не знает размер вашего маркера и / или не знает точку вашего маркера, которая отмечает location.

ваш код значка маркера может выглядеть следующим образом:

var locationIcon = L.icon({iconUrl:'location_marker_icon.png'});

теперь, предположим, ваше изображение имеет ширину 24px и высоту 36px. Чтобы ваш маркер не перемещался, вы просто указываете размер маркера, а «опорная точка» ...

var locationIcon = L.icon({
                           iconUrl:'location_marker_icon.png',
                           iconSize: [24,36],
                           iconAnchor: [12,36]
                          });

. Это сделает центральный пиксель внизу - точным лат / Если вы указали маркер, и он будет держать его там на якоре!