<div id="map"></div>

<script type='text/javascript'>

//Создаем карту
var map = L.map('map', {
			center: [58.5997, 49.65882],
			zoom: 11,
			minZoom: 10
});

//Подключаем подолжку
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a rel="nofollow" href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

var sale = new L.LayerGroup();
L.circle([58.577982,49.62416], 300, {stroke: false, fillColor: 'green', fillOpacity: 0.7}).addTo(sale);

var refill = new L.LayerGroup();
L.circle([58.6284188,49.6419065], 300).addTo(refill);

var necessary = new L.LayerGroup();
L.circle([58.5886873,49.6816536], 300).addTo(necessary);

var allgonoslow = new L.LayerGroup();
L.circle([58.5930515,49.6508868], 300).addTo(allgonoslow);

var overlays = {
			"Продажа и пополнение": sale,
			"Пополнение": refill,
			"Часть роспечати": necessary,
			"Вся роспечать": allgonoslow
		};

		L.control.layers(overlays).addTo(map);


</script>