Я получил некоторую помощь в создании пользовательского элемента управления для листовки, но у меня все еще возникают проблемы при обновлении до стилей CSS, используемых в последних версиях Leaflet. По сути, все, что мне нужно, это значок в белом поле с тенью вокруг него.
Вот то, над чем я работаю до сих пор, посмотрите и не стесняйтесь раскошелиться:
Да, удобная кнопка также хорошая идея. Я вернулся к этому совсем недавно и создал модуль RequireJS (AMD), который позволяет параметризовать размещение (не только в углу, но и в точном месте), а также извлекает содержимое HTML из документа HTML, а затем извлекает его DOM и помещает его в контроль. Вы можете упростить это, если хотите.
Вызвать выполнить что-то вроде этого, и он создаст новый экземпляр:
var zoomIn =newButton(map);
zoomIn.setup('zControl','zoomInCtrl',Config.ZinTop,Config.ZinLeft,"zoomIn");
var myImage ='<img class="button-image" src="image-for-icon.jpg"/>';
L.easyButton( myImage,function(btn,map){// your stuff to do 'on click' },'title for the button').addTo(map);
Как и ответ Dr.YSG, но с использованием CSS-классов Leaflet.draw:
источник
Да, удобная кнопка также хорошая идея. Я вернулся к этому совсем недавно и создал модуль RequireJS (AMD), который позволяет параметризовать размещение (не только в углу, но и в точном месте), а также извлекает содержимое HTML из документа HTML, а затем извлекает его DOM и помещает его в контроль. Вы можете упростить это, если хотите.
Вызвать выполнить что-то вроде этого, и он создаст новый экземпляр:
...
источник
Похоже, Leaflet.EasyButton был упомянут выше, но вот пример кода:
и немного CSS:
и куча демонстраций, если вы ищете больше.
источник