2016-06-02 2 views
0

Можно ли использовать листы для лифлетов ExtraMarkers (https://github.com/coryasilva/Leaflet.ExtraMarkers) и контролировать размер значка? Я попытался
Листовые дополнительные маркеры Размер

var greenMarker = L.ExtraMarkers.icon({ 
        icon: 'fa-number', 
        iconSize: '[38,95]', 
        markerColor: 'green', 
        shape: 'circle', 
        prefix: 'fa', 
        number: "99" 
       }) 

с и без кавычек на iconSize без толка.

ответ

1

К сожалению, иконки из плаката Leaflet.ExtraMarkers: images, поэтому вы не можете настроить их размер с помощью простого кода.

Опция iconSize относится к выделенному размеру div на карте (в частности, для позиционирования, взаимодействия с мышью и т. Д.), Но это не меняет внешний вид.

Теперь вы можете изменить эти изображения, чтобы получить большую версию (или масштабировать их с помощью CSS), но не забудьте отрегулировать icon options для позиционирования, а также (iconAnchor, popupAnchor и т.д.).

+0

Хотя технически можно настроить размер спрайта изображения, Leaflet.ExtraMarkers не реализует этого. См. Опции 'bgPos' и' bgSize' в L.Icon.Glyph. – IvanSanchez

3

Если Leaflet.ExtraMarkers не соответствует вашим потребностям, возможно, вам стоит подумать об использовании L.Icon.Glyph и предоставить свое собственное изображение маркера, с любым размером, который вам нужен.

Leaflet.ExtraMarkers использует образы спрайтов для изображения маркера фона, что может затруднить использование пользовательских.

+0

Спасибо! Большая помощь. – Catherine

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