LGeoTracker

index.html

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

LGeoTracker.markdown

LGeoTracker

A Pen by Max Dolgov on CodePen.

License.

script.js

var 
	map, 
	marker,
	tiles = 'http://tiles.maps.sputnik.ru/tiles/kmt2/{z}/{x}/{y}.png';

function init() {
	console.log('init()');	
	
	map = L.map('map');
//	marker = L.marker(map.getCenter()).addTo(map);
//		.setView([55.75, 37.6167], 9);
	
	L.tileLayer(tiles, {
			minZoom: 3,
    		maxZoom: 18
		})
		.addTo(map);
	
	map.locate({
		watch: true,
		setView: true,
		maxZoom: 16,
		enableHighAccuracy: true
		// maximumAge: 1000
	})
	map.on('locationfound', function(e){
		console.log('found ', e);
		if (! marker) {
			marker = L.marker(e.latlng);
			map.addLayer(marker);
		} 
		else {
			marker.setLatLng(e.latlng);
		}
		
	});
}	
init();

style.css

#map {
	height: 400px;	
	background-color: #ddd;
}