plots-leaflet-viewer/example.html at main · publiclab/plots-leaflet-viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html>
<head>
	<title>Leaflet</title>
	<link rel="stylesheet" href="leaflet/dist/leaflet.css" />
	<link rel="stylesheet" href="osb/osb.css" />
	<script src="leaflet/dist/leaflet.js"></script>
	<!--script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script-->
	<script src="leaflet/src/control/Control.Permalink.js"></script>

	<script src="Edit.js"></script>
	<script src="Control.Scale.js"></script>
	<script src="osb/osb.js"></script>
</head>
<body>
	<!-- define a DIV into which the map will appear. Make it take up the whole window -->
	<div style="width:100%; height:100%" id="map"></div>
<script type='text/javascript'>
var map = new L.Map('map', {center: new L.LatLng(53.9618, 58.4277), zoom: 13});
var osm = new L.TileLayer('http://{s}.tile.osmosnimki.ru/kosmo/{z}/{x}/{y}.png');
var mpn = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
var qst = new L.TileLayer('http://otile1.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png', {attribution:'Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'});
var hyb = new L.TileLayer('http://{s}.tile.osmosnimki.ru/hyb/{z}/{x}/{y}.png');
var irs = new L.TileLayer('http://tile.osmosnimki.ru/basesat/{z}/{x}/{y}.jpg');
var osb = new L.OpenStreetBugs();
var wms = new L.TileLayer.WMS('http://wms.latlon.org/', {layers:'irs', crs: L.CRS.EPSG4326});
var kadastr = new L.TileLayer.WMS('http://maps.rosreestr.ru/arcgis/services/Cadastre/CadastreWMS/MapServer/WMSServer', {format:'image/png', transparent:'true', layers:'16,15,14,13,11,10,9,22,21,20,19,18,7,6', tileSize:512});
map.addLayer(osm);
map.addLayer(osb);
map.addControl(new L.Control.Scale({width: 100, position: L.Control.Position.BOTTOM_LEFT}));
map.addControl(new L.Control.Permalink());
map.addControl(new L.Control.Edit());

/*
var where = new L.Marker(map.getCenter());
map.addLayer(where);
function _adjust(args) {
	where.setLatLng(args.latlng);
}

map.on('locationfound', _adjust);

function track() {
	map.locateAndSetView(map.getZoom());
	setTimeout("track()", 1000);
}
track();
*/
</script>

<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
<script src="Google.js"></script>
<script type='text/javascript'>
map.addControl(new L.Control.Layers({'OSM':osm, 'Mapnik':mpn, 'MapQuest':qst, 'Scanex':wms, 'Google':new L.Google()}
				   ,{'Bugs':osb, 'Hybrid':hyb, 'Кадастр':kadastr}
				   ));
</script>

<!--
  http://www.belor.biz/index.php?option=com_content&view=article&id=93&Itemid=131
  http://keepright.ipax.at/report_map.php?zoom=12&lat=53.96859&lon=58.41103&layers=B00T&show_ign=1&show_tmpign=1
  -->
</body>
</html>