-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
93 lines (92 loc) · 4.35 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
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="lib/jquery/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/site.css" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/github.min.css">
<script src="lib/openlayers/OpenLayers.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
<script src="lib/jquery/jquery.tmpl.js" type="text/javascript"></script>
<script src="src/jquery.mapquery.core.js" type="text/javascript"></script>
<script src="src/jquery.mapquery.mqZoomButtons.js" type="text/javascript"></script>
<script src="scripts/highlight.js" type="text/javascript"></script>
<script type="application/javascript">hljs.initHighlightingOnLoad();</script>
<script type="text/javascript">
$(document).ready(function() {
var map = $('#map').mapQuery({layers:[{type:'osm'}]}); //initialise mapquery with an OSM layer
$('.zoom').mqZoomButtons({map:$('#map')});
map.data('mapQuery').center({zoom:1,position:[0,20]});
});
</script>
<title>MapQuery</title>
</head>
<body>
<a href="http://mapquery.org/0.1/"><img style="position: absolute; top: 0; right: 0; border: 0;" src="0.1/img/corner.png" alt="Version 0.1" /></a>
<div id="container">
<div class="sidebar">
<div class="logo"><span><a href="http://mapquery.org/">
<img src="img/logo.png" alt="MapQuery" title="MapQuery"></a></span></div>
<div class="blurb">
<h2>Combining the powers of OpenLayers and jQuery</h2>
</div>
<div class="download">
<ul>
<li style="color:#A40000"><strong>Latest Release</strong></li>
<li> </li>
<li><a href="https://github.com/mapquery/mapquery/zipball/v0.1">MapQuery.0.1.zip</a></li>
<li><a href="http://github.com/mapquery/mapquery/">MapQuery.git</a></li>
<li> </li>
<li><a href="http://mapquery.org/0.1/jquery.mapquery.js">Hosted v0.1</a></li>
</ul>
</div>
<div class="download">
<ul>
<li style="color:#A40000"><strong>Development</strong></li>
<li> </li>
<li><a href="http://github.com/mapquery/mapquery/zipball/master">MapQuery.zip</a></li>
<li><a href="https://github.com/mapquery/mapquery/branches/v0.1">MapQuery.git</a></li>
<li> </li>
<li><a href="http://mapquery.org/jquery.mapquery.js">Hosted</a></li>
</ul>
</div>
</div>
<div class="header">
<a href="." class="active">Overview</a>
<a href="docs">Documentation</a>
<a href="demo">Examples</a>
<a href="https://github.com/mapquery/mapquery/">Code</a>
</div>
<div class="content">
<div id="mapholder">
<div id="map">
<div class="zoom"></div>
</div>
</div>
<div class="text">
<p>
MapQuery is a jQuery plugin that you can use to add mapping to your
website. Whether you quickly want to add a simple map to a page, or
build a feature rich web application, MapQuery is just the thing you need.
</p>
<p>
For instance the map as seen above is created with these two lines:
</p>
<pre><code class="javascript"> $('#map').mapQuery({layers:[{type:'osm'}]});
$('.zoom').mqZoomButtons({map:$('#map')});</code></pre>
<hr/>
The latest stable version of MapQuery is <a href="http://mapquery.org/0.1/">version 0.1</a>.
<hr/>
<p>
If you need help you can join the MapQuery <a href="http://lists.osgeo.org/mailman/listinfo/mapquery">mailinglist</a>
or have a look on our irc channel <a href="irc://irc.freenode.net/%23mapquery">#mapquery</a>.
</p>
<p>
The software is available under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT</a> license.
</p>
</div>
</div>
</div>
</body>
</html>