| 1 |
<!--#set var="title" value="Home" --> |
|---|
| 2 |
<!--#include virtual="/include/head.html" --> |
|---|
| 3 |
<div id="main"> |
|---|
| 4 |
<div id="mapFrame" style="margin-top:-30px"> |
|---|
| 5 |
<div style="margin:0px" id="map"></div> |
|---|
| 6 |
<div style="text-align:center"><b>Put an open map widget in any web page!</b></div> |
|---|
| 7 |
<div style="text-align:center"> |
|---|
| 8 |
Double-click to zoom in, and drag to pan. Hold down the shift key |
|---|
| 9 |
and drag to zoom to a particular region. |
|---|
| 10 |
</div> |
|---|
| 11 |
</div> |
|---|
| 12 |
|
|---|
| 13 |
<a href="http://trac.openlayers.org/wiki/Release/2.7/Notes"> |
|---|
| 14 |
<h2> |
|---|
| 15 |
OpenLayers Announces 2.7 Release! |
|---|
| 16 |
</h2> |
|---|
| 17 |
</a> |
|---|
| 18 |
|
|---|
| 19 |
<h3>Get OpenLayers Now!!</h3> |
|---|
| 20 |
Latest code: |
|---|
| 21 |
<ul style="font-size:.9em;margin-top:0px;"> |
|---|
| 22 |
<li><a href="/api/OpenLayers.js">Link to the hosted version</a></li> |
|---|
| 23 |
<li>2.7 (Stable): <a href="/download/OpenLayers-2.7.tar.gz">.tar.gz</a> | <a href="/download/OpenLayers-2.7.zip">.zip</a></li> |
|---|
| 24 |
<li><a href="http://trac.openlayers.org/wiki/Release/2.7/Notes">2.7 Release Notes</a></li> |
|---|
| 25 |
<li><a href="http://dev.openlayers.org/releases/OpenLayers-2.7/doc/apidocs/files/OpenLayers-js.html">Class Documentation</a>, <a href="http://trac.openlayers.org/wiki/Documentation">More documentation</a></li> |
|---|
| 26 |
<li><a href="http://gallery.openlayers.org/">See Screenshots</a></li> |
|---|
| 27 |
<li><a href="/dev/examples/example-list.html">See examples</a> of OpenLayers Usage</a></li> |
|---|
| 28 |
</ul> |
|---|
| 29 |
</p> |
|---|
| 30 |
<h3>About...</h3> |
|---|
| 31 |
<p>OpenLayers makes it easy to put a dynamic map in any web page. It can |
|---|
| 32 |
display map tiles and markers loaded from any source. <a |
|---|
| 33 |
href="http://www.metacarta.com/">MetaCarta</a> developed the initial version of |
|---|
| 34 |
OpenLayers and gave it to the public to further the use of geographic |
|---|
| 35 |
information of all kinds. OpenLayers is |
|---|
| 36 |
completely free, Open Source JavaScript, released under <a href="http://svn.openlayers.org/trunk/openlayers/license.txt">a BSD-style License</a>.</p> |
|---|
| 37 |
|
|---|
| 38 |
<h3>Supporting OpenLayers</h3> |
|---|
| 39 |
<p>OpenLayers is developed and supported by a number of organizations |
|---|
| 40 |
around the world. We are also looking for |
|---|
| 41 |
<a href="/sponsorship/">sponsors</a> to help support the community. |
|---|
| 42 |
If you are in a position where you want to support the development |
|---|
| 43 |
of OpenLayers, but do not have development resources to share, you |
|---|
| 44 |
may be interested in supporting through our sponsorship program.</p> |
|---|
| 45 |
<h3>For Developers!</h3> |
|---|
| 46 |
<p>OpenLayers is a pure JavaScript library for displaying map data in most |
|---|
| 47 |
modern web browsers, with no server-side dependencies. OpenLayers implements a |
|---|
| 48 |
(still-developing) <a href="//trac.openlayers.org/wiki/Documentation">JavaScript |
|---|
| 49 |
API</a> for building rich web-based geographic applications, similar to the |
|---|
| 50 |
Google Maps and MSN Virtual Earth APIs, with one important difference -- |
|---|
| 51 |
OpenLayers is Free Software, developed for and by the Open Source software |
|---|
| 52 |
community.</p> |
|---|
| 53 |
<div style="float:right; width:210px; margin:-10px 0px 0px 15px; padding-top:0px;"> |
|---|
| 54 |
<a href="http://www.osgeo.org/"><img src="/images/osgeo_sm.png" border="0px; text-decoration:none" /></a> |
|---|
| 55 |
<p>OpenLayers is a project of the <a href="http://www.osgeo.org/">Open Source Geospatial Foundation</a>.</p> |
|---|
| 56 |
</div> |
|---|
| 57 |
|
|---|
| 58 |
<p>Furthermore, OpenLayers implements industry-standard methods for geographic |
|---|
| 59 |
data access, such as the OpenGIS Consortium's Web Mapping Service (WMS) and Web |
|---|
| 60 |
Feature Service (WFS) protocols. Under the hood, OpenLayers is written in |
|---|
| 61 |
object-oriented JavaScript, using components from <a |
|---|
| 62 |
href="//prototype.conio.net/">Prototype.js</a> and the <a |
|---|
| 63 |
href="//openrico.org/">Rico</a> library. The OpenLayers code base already has |
|---|
| 64 |
hundreds of <a href="/dev/tests/run-tests.html">unit tests</a>, via the <a |
|---|
| 65 |
href="http://straytree.com/TestAnotherWay/doc/index.html">Test.AnotherWay</a> |
|---|
| 66 |
framework.</p> |
|---|
| 67 |
|
|---|
| 68 |
<p>As a framework, OpenLayers is intended to separate map <i>tools</i> from map |
|---|
| 69 |
<i>data</i> so that all the tools can operate on all the data sources. This |
|---|
| 70 |
separation breaks the proprietary silos that earlier GIS revolutions have |
|---|
| 71 |
taught civilization to avoid. The mapping revolution on the public Web should |
|---|
| 72 |
benefit from the experience of history.</p> |
|---|
| 73 |
|
|---|
| 74 |
<h3>Getting the Code</h3> |
|---|
| 75 |
|
|---|
| 76 |
<p>Releases are made available on the <a href="/download/">downloads</a> page. |
|---|
| 77 |
Additionally, if you wish to use OpenLayers in a web application, you can |
|---|
| 78 |
include |
|---|
| 79 |
<tt> |
|---|
| 80 |
<a href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a> |
|---|
| 81 |
</tt> in your page, to always get the latest release.</p> |
|---|
| 82 |
|
|---|
| 83 |
<p> The code is also available in our |
|---|
| 84 |
<a href="//trac.openlayers.org/wiki/HowToDownload">Subversion repository</a>. |
|---|
| 85 |
Using Subversion, you can keep up to the absolute bleeding edge of the code. |
|---|
| 86 |
If you wish to report a bug in the API, and you are able to use Subversion, |
|---|
| 87 |
please see if the bug has been fixed in Subversion first: OpenLayers is |
|---|
| 88 |
under rapid development, so things change quickly. |
|---|
| 89 |
</p> |
|---|
| 90 |
|
|---|
| 91 |
<p>If you don't have Subversion or don't want to download the code, you can |
|---|
| 92 |
still try some <a href="/dev/examples/">live examples</a> on |
|---|
| 93 |
openlayers.org. If you're familiar with JavaScript, try viewing the source |
|---|
| 94 |
of the examples to get an idea how the OpenLayers library is used.</p> |
|---|
| 95 |
|
|---|
| 96 |
<p>OpenLayers is still undergoing rapid development, so expect a lot to change |
|---|
| 97 |
in the next few weeks and months. We need your support! Please check the <a |
|---|
| 98 |
href="//trac.openlayers.org">wiki</a> for the very latest updates and |
|---|
| 99 |
documentation, and thank you for taking an interest.</p> |
|---|
| 100 |
<script type="text/javascript" src="/api/OpenLayers.js"></script> |
|---|
| 101 |
<script type="text/javascript"> |
|---|
| 102 |
<!-- |
|---|
| 103 |
var map = new OpenLayers.Map('map', {'maxResolution': 1.40625/2}); |
|---|
| 104 |
|
|---|
| 105 |
var ol_wms = new OpenLayers.Layer.WMS( "World Map", |
|---|
| 106 |
"http://labs.metacarta.com/wms-c/Basic.py?", {layers: 'basic', format: 'image/png' } ); |
|---|
| 107 |
|
|---|
| 108 |
var jpl_wms = new OpenLayers.Layer.WMS( "Satellite", |
|---|
| 109 |
"http://labs.metacarta.com/wms-c/Basic.py?", {layers: 'satellite', format: 'image/png' } ); |
|---|
| 110 |
var dm_wms = new OpenLayers.Layer.WMS( "Canada", |
|---|
| 111 |
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", |
|---|
| 112 |
{layers: "bathymetry,land_fn,park,drain_fn,drainage," + |
|---|
| 113 |
"prov_bound,fedlimit,rail,road,popplace", |
|---|
| 114 |
transparent: "true", format: "image/png" }); |
|---|
| 115 |
|
|---|
| 116 |
dm_wms.setVisibility(false); |
|---|
| 117 |
|
|---|
| 118 |
|
|---|
| 119 |
|
|---|
| 120 |
|
|---|
| 121 |
|
|---|
| 122 |
|
|---|
| 123 |
|
|---|
| 124 |
|
|---|
| 125 |
|
|---|
| 126 |
|
|---|
| 127 |
|
|---|
| 128 |
|
|---|
| 129 |
|
|---|
| 130 |
map.addLayers([ol_wms, jpl_wms, dm_wms]); |
|---|
| 131 |
map.addControl(new OpenLayers.Control.LayerSwitcher()); |
|---|
| 132 |
map.zoomToMaxExtent(); |
|---|
| 133 |
|
|---|
| 134 |
</script> |
|---|
| 135 |
<!--#include virtual="/include/foot.html" --> |
|---|