-
Notifications
You must be signed in to change notification settings - Fork 22
/
index.html
73 lines (72 loc) · 3.08 KB
/
index.html
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
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Compare</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.2.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.2.2/mapbox.css' rel='stylesheet' />
<link href='style.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
<script src="http://api-maps.yandex.ru/2.0/?load=package.map&lang=ru-RU" type="text/javascript"></script>
<script src='lib/Bing.js'></script>
<script src='lib/Google.js'></script>
<script src='lib/Yandex.js'></script>
<script src='common.js'></script>
</head>
<body>
<div id='map1'></div>
<div class='contain clearfix' id='map2'></div>
<div id='toggle' class='leaflet-bar'></div>
<div id='help'>
<a href="https://github.com/lxbarth/compare" class='button' id='forkme'>Fork me on Github</a>
<h2>Compare maps</h2>
<h3>Examples</h3>
<p>
<a href='#' class='bold' id='compare'>Side-by-side</a> / <a href='#' id='swipe'>swipe compare</a>
</p>
<dl>
<dt>
Compare two Mapbox maps by <a href="https://www.mapbox.com/developers/api/maps/#mapids">map id</a>
</dt>
<dd>
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&lxbarth.map-n8gsdqn4">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&lxbarth.map-n8gsdqn4</strong></a>
</dd>
<dt>
Compare a Mapbox map to OpenStreetMap
</dt>
<dd>
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&osm">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&osm</strong></a>
</dd>
<dt>
Compare a Mapbox map to Google Maps
</dt>
<dd>
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&google">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&google</strong></a><br />
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&google.SATELLITE">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&google.SATELLITE</strong></a><br />
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&google.HYBRID">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&google.HYBRID</strong></a>
</dd>
<dt>
Compare a Mapbox map to Bing Satellite
</dt>
<dd>
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&bing">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&bing</strong></a>
</dd>
<dt>
Compare a Mapbox map to Yandex
</dt>
<dd>
<a href="http://lxbarth.com/compare/?lxbarth.mo5k9cn2&yandex">http://lxbarth.com/compare/?<strong>lxbarth.mo5k9cn2&yandex</strong></a>
</dd>
<dt>
Flip any comparison around
</dt>
<dd>
<a href="http://lxbarth.com/compare/?yandex&lxbarth.mo5k9cn2">http://lxbarth.com/compare/?<strong>yandex&lxbarth.mo5k9cn2</strong></a>
</dd>
</dl>
</div>
<script src='site.js'></script>
</body>
</html>