-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
80 lines (71 loc) · 2.33 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
74
75
76
77
78
79
80
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@media (min-width: 842px) {
#content {
width: 800px;
/*height: 100%;*/
position: absolute;
left: 50%;
margin-left: -420px;
border: 1px solid gray;
border-top: none;
}
body {
background-color: #eeeeee;
}
}
#content {
padding: 20px;
background-color: white;
}
body {
margin: 0;
}
h1 {
font-family: sans-serif;
}
p {
margin-top: 2em;
}
</style>
<script type="text/javascript" src="min/jquery.min.js"></script>
<script>
function wmaMessageHub(e) {
e = e.originalEvent;
if (e.data == 'request') {
//e.source.postMessage(JSON.stringify( {coords: poi} ), '*');
//ps = e.source;
}
if (e.data == 'kml') {
e.source.postMessage('1,1', '*');
}
}
$(window).on('message', wmaMessageHub);
</script>
</head>
<body>
<div id="content">
<h1>WikiMiniAtlas</h1>
<!--<iframe scrolling="no" frameborder="0" width="800" height="600" src="iframe.html?40.7833_-73.966_800_600_en_13_en" style="width:800px; height:600px; border: 1px solid gray; padding: 0px; margin: 0px; resize: both">-->
<iframe id="map" scrolling="no" frameborder="0" width="800" height="600"
src="iframe_dev.html?wma=0.0_0.0_800_600_commons_1_en&globe=Earth&lang=en"
style="width:800px; height:600px; border: 1px solid gray; padding: 0px; margin: 0px; resize: both">
You need a browser that supports iframes
</iframe>
<p><b>WikiMiniAtlas</b> is a JavaScript plugin to display a draggable, zoomable, and clickable worldmap (as well as
Moon, Mars, Venus, Mercury, Io and Titan imagery) in geocoded Wikipedia articles. The map contains links to all
other geocoded articles in Wikipedia and can be magnified down to streetlevel. 3D building models are displayed in
modern browsers.</p>
<a href="https://meta.wikimedia.org/wiki/WikiMiniAtlas">More...</a>
</div>
<script>
var hash = document.location.hash;
if (hash) {
var lang = hash.substr(1);
$('#map').attr('src', 'iframe_dev.html?wma=40.572795868,0_-74.040813_800_600_' + lang + '_13_' + lang + '&globe=Earth&lang=' + lang);
}
</script>
</body>
</html>