Sha256: b2905a55bf55b1ceb92d5b457da34de0d0466a8275714ac03da4acf6f1947b2e

Contents?: true

Size: 1.67 KB

Versions: 1

Compression:

Stored size: 1.67 KB

Contents

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

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

	<link rel="stylesheet" href="../css/screen.css" />
	<script type="text/javascript" src="../../build/deps.js"></script>
	<script src="../leaflet-include.js"></script>
</head>
<body>
	<div id="map" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>

	<script src="route.js"></script>
	<script>
		var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
			cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});

		var map = new L.Map('map', {layers: [cloudmade]});

		map.addLayer(L.marker(route[0]));
		map.addLayer(L.marker(route[route.length - 1]));

		var canvas = L.canvas();

		var poly = L.polyline([
			[[60, 30], [60, 50], [40, 50]],
			[[20, 50], [20, 70], [0, 70]]
		], {color: 'red'}).addTo(map).bindPopup('Hello SVG');

		var path = L.polygon([
			[route, [[50.5, 30.5], [50.5, 40], [40, 40]]],
			[[[20, 0], [20, 40], [0, 40]]]
		], {renderer: canvas}).addTo(map).bindPopup('Hello Canvas');

		var circle = L.circle([35, 0], 700000, {color: 'green', renderer: canvas}).addTo(map).bindPopup('Hello Circle');
		var circleMarker = L.circleMarker([35, 30], {color: 'magenta', radius: 30}).addTo(map).bindPopup('Happy New Year!');

		map.on('mousemove', function (e) {
			circle.setLatLng(e.latlng);
		});

		map.setView([36, 52], 3);

		var layersControl = new L.Control.Layers({
		}, {
			'poly': poly,
			'path': path,
			'circle': circle,
			'circleMarker': circleMarker,
			'canvas': canvas,
			'svg': L.SVG.instance,
		}, {collapsed: false});
		map.addControl(layersControl);
	</script>
</body>
</html>

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
leaflet-js-0.8.dev2 lib/leaflet/debug/vector/vector2.html