freeExec

Никак, у этого поставщика только так. Либо делаете свой рендер, где вы царь и бог, либо выбираете другого, который может. Например MapBox.

У маркера есть событие на клик. Вот в нём и формируйте свой див.

Координаты, похоже, в проекции WebMercator (3785).

В исходнике это выглядит так

var Zoom = Control.extend({
  	// @section
  	// @aka Control.Zoom options
  	options: {
  		position: 'topleft',

  		// @option zoomInText: String = '+'
  		// The text set on the 'zoom in' button.
  		zoomInText: '+',

  		// @option zoomInTitle: String = 'Zoom in'
  		// The title set on the 'zoom in' button.
  		zoomInTitle: 'Zoom in',

  		// @option zoomOutText: String = '−'
  		// The text set on the 'zoom out' button.
  		zoomOutText: '−',

  		// @option zoomOutTitle: String = 'Zoom out'
  		// The title set on the 'zoom out' button.
  		zoomOutTitle: 'Zoom out'
  	},
   ...
}

Так что достаточно передать в option соответствующие ключи.

Ну то есть, не "оно само", а вы собственноручно
map.fitBounds(polygon.getBounds());

1) геокодинг - координаты по адресу - https://wiki.openstreetmap.org/wiki/Nominatim
2) роутинговые движки - https://wiki.openstreetmap.org/wiki/Routing

И хотя сообщество OSM предоставляет эти сервисы бесплатно, это не означает, что можно сесть на шею. Как только вы начнёте генерировать заметную нагрузку вас забанят. Так как предполагается, что вы эти решения разворачиваете на своём железе и поддерживаете сами. Либо не паритесь и платите гугло/яндексам.

Как, как, читать документацию
https://leafletjs.com/reference-1.6.0.html#layersc...

Вы не положили css от лифлета. И атрибуцию ОСМ задайте как положено.