Вы можете создать новый класс значка, как показано ниже:
var LeafIcon = L.Icon.extend({
options: {
iconSize: [38, 95],
shadowSize: [50, 64],
iconAnchor: [22, 94],
shadowAnchor: [4, 62],
popupAnchor: [-3, -76]
}
});
Затем создать новый объект значка, как показано ниже:
var greenIcon = new LeafIcon({
iconUrl: 'http://leafletjs.com/examples/custom-icons/leaf-green.png',
shadowUrl: 'http://leafletjs.com/examples/custom-icons/leaf-shadow.png'
})
Теперь вы можете над значком для маркера на карте, как показано ниже :
L.marker([51.5, -0.09], {icon: greenIcon}).addTo(map);
Вы можете передать этот document для получения дополнительной информации.
Для slidercontrol вам нужно создать два изображения:
(1) Marker Icon [ Use name: marker-icon.png ]
(2) Marker Icon Shadow [ Use name: marker-shadow.png ]
После этого вы можете указать путь по умолчанию изображения, как показано ниже:
L.Icon.Default.imagePath = "Url to the image folder"; // This specifies image path for marker icon.
e.x L.Icon.Default.imagePath = "http://leafletjs.com/examples/custom-icons";
Так значок URL-адрес будет:
Icon URL : http://leafletjs.com/examples/custom-icons/marker-icon.png
Shadow URL: http://leafletjs.com/examples/custom-icons/marker-shadow.png
На самом деле, если вы видите файл оригинала slidercontrol.js (https://github.com/dwilhelm89/LeafletSlider/blob/master/SliderControl.js), здесь он добавляет маркер как .. map.addLayer (_options.markers [I]); а не как L.marker ([51.5, -0.09], {icon: greenIcon}). addTo (map); так, как изменить значок в map.addLayer (_options.markers [i])? –