google_maps_satellite.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>

<title></title>

<style type="text/css">

.tile {
	width:256px;
	height:256px;
}

table {
	border-collapse:collapse;
}

tr, td {
	margin:1px;
	padding:1px;
}

</style>

<script type="text/javascript" src="prototype.js"/>

<script type="text/javascript">

var base="t";

function zoom(tile) {
	base = base + tile;
	$('q').src = 'http://kh0.google.com/kh?n&v&t=' + base + 'q';
	$('r').src = 'http://kh1.google.com/kh?n&v&t=' + base + 'r';
	$('t').src = 'http://kh2.google.com/kh?n&v&t=' + base + 't';
	$('s').src = 'http://kh3.google.com/kh?n&v&t=' + base + 's';
}

</script>

</head>

<body>


<table>
<tr>
	<td>
	<a href="javascript:zoom('q');">
	<img id="q" class="tile" src="http://kh0.google.com/kh?n&amp;v&amp;t=tq" />
	</a>
	</td>

	<td>
	<a href="javascript:zoom('r');">
	<img id="r" class="tile" src="http://kh0.google.com/kh?n&amp;v&amp;t=tr" />
	</a>
	</td>
</tr>

<tr>
	<td>
	<a href="javascript:zoom('t');">
	<img id="t" class="tile" src="http://kh0.google.com/kh?n&amp;v&amp;t=tt" />
	</a>
	</td>

	<td>
	<a href="javascript:zoom('s');">
	<img id="s" class="tile" src="http://kh0.google.com/kh?n&amp;v&amp;t=ts" />
	</a>
	</td>
</tr>

</table>

</body>

</html>