githubmirror/Leaflet

debug/map/grid.html

48 строк1 KB

Thach Hoang

Fix debug examples after rollup (#5417)

28 мар 2017, 09:40

28 мар 2017, 09:400d1eae3

<!DOCTYPE html>
<html>
<head>
	<title>Leaflet debug page</title>

	<link rel="stylesheet" href="../../dist/leaflet.css" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" href="../css/screen.css" />

	<script src="../leaflet-include.js"></script>
</head>
<body>

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

	<script>

		var grid = L.gridLayer({
			attribution: 'Grid Layer'
		});

		grid.createTile = function (coords, done) {
			var tile = document.createElement('div');
			tile.innerHTML = [coords.x, coords.y, coords.z].join(', ');
			tile.style.outline = '1px solid red';
			tile.style.background = 'white';

			// test async
			setTimeout(function () {
				done(null, tile);
			}, 500 + Math.random() * 500);

			return tile;
		};

		grid.on('loading', function() { console.log('loading'); });
		grid.on('load', function() { console.log('load'); });
		grid.on('tileunload', function(tile) { console.log('tileunload ' + tile.coords.x + ',' + tile.coords.y + ',' + tile.coords.z); });

		var map = L.map('map')
				.setView([50.5, 30.51], 10)
				.addLayer(grid);

	</script>
</body>
</html>