githubmirror/Leaflet

debug/tests/removetilewhilepan.html

40 строк1 KB

Falke Design

Remove leaflet-include.js (#7776)

25 ноя 2021, 20:19

25 ноя 2021, 20:19842dd30

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

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

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

	<link rel="stylesheet" href="../css/screen.css" />
	<script src="../../dist/leaflet-src.js"></script>
	<script src="http://code.jquery.com/jquery-1.8.0.js"></script>
</head>
<body>

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

	<script>

	var map = new L.Map('map', { center: new L.LatLng(45.50144, -122.67599), zoom: 4 });

	var demoUrl='http://server.arcgisonline.com/ArcGIS/rest/services/Demographics/USA_Average_Household_Size/MapServer/tile/{z}/{y}/{x}';
	var demoMap = new L.TileLayer(demoUrl, { maxZoom: 19, attribution: 'Tiles: &copy; Esri' });

	var topoUrl = 'http://server.arcgisonline.com/ArcGIS/rest/services/USA_Topo_Maps/MapServer/tile/{z}/{y}/{x}';
	var topoMap = new L.TileLayer(topoUrl, { maxZoom: 19, attribution: 'Tiles: &copy; Esri' });
	map.addLayer(topoMap);

	map.addLayer(demoMap);

	map.on('dragstart', function () {
		console.log('dragstart');
		setTimeout(function () {
			console.log('removing');
			map.removeLayer(demoMap);
		}, 400);
	});
	</script>
</body>
</html>