Я пытаюсь использовать API, который включает в себя Листовку. Идея состоит в том, чтобы размещать точки интересов на карте.Пользовательские маркеры с использованием Листовки
В этой скрипке вы можете увидеть, что я пытаюсь выполнить: fiddle. Проблема, с которой я сталкиваюсь, заключается в том, что когда я пытаюсь добавить пользовательский значок, масштабирование и привязка не сработают. По какой-то причине значки по умолчанию размещены правильно на карте, и я понятия не имею, почему они не подрываются.
Весь мой код примерно такой же, как скрипку для этих частей, за исключением:
Ниже вы можете увидеть, как я сделать пользовательский значок:
var waypoint = L.icon({
iconUrl: 'waypoint.png',
//iconSize: [30, 30], // size of the icon
iconAnchor: [0, 0] // point of the icon which will correspond to marker's location
});
А вот ниже вы можете увидеть, как я добавить значки в маркерах:
L.marker(unproject(poi.coord), {
title: poi.name,
icon: waypoint
}).addTo(map);
Update: Ниже вы можете увидеть разницу:
Что мне не хватает?
Я видел вашу скрипку. Все выглядит правильно. Я изменил код и добавил вашу путевую точку в качестве значка, и масштабирование все еще отлично работает. – zaerymoghaddam
Могу ли я быть, что мой Wrapper div или Css возится со мной? – Jan
Возможно, я не знаю. Например, как указано в документации Leaflet, вы должны явно указать ширину контейнера div. В коде может быть что-то вроде этого, что конфликтует с масштабированием или привязкой функций. – zaerymoghaddam