Put an open map widget in any web page!
Double-click to zoom in.
Try different maps from the list.


OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds. OpenLayers is completely free, open source javascript, released under the BSD License.

Put a map in your page.

On September 15, 2005, we released a Map Viewer Service that lets you put a map in your page easily. Just put this HTML in your page:

      <iframe src="http://openlayers.org/viewer/"
        width="200px" height="200px"
        marginwidth="0" marginheight="0"

Read more examples in the 20-second tutorial. The visual appearance of the MapViewer is not yet stable. If you like it, please join the users' email list and tell us about your use.

Our next release is due out soon --- stay tuned. It will have more navigation tools, easy ways to put markers in the map, and more. The next release will also include the first release of the full javascript library for deploying draggable maps on your own web servers.

For Developers

OpenLayers is a framework for displaying map data in any web browser. As a framework, it separates map tools from map data so that all the tools can operate on all the data sources. Even the panning tool that allows the user to slide the map dynamically is a tool and it should work on all data sources, no matter what server provided the data. This separation breaks the proprietary silos that earlier GIS revolutions have taught civilization to avoid. The mapping revolution on the public Web should benefit from the experience of history. See discussion of mapping data issues in the OpenLayers wiki.

The OpenLayers Coordinator provides an abstraction that makes every map tile look like an OGC WMS request and every vector feature layer, such as point markers, look like an OGC WFS request. Anyone can create DataSource wrappers. Common examples include tab-delimited text files of coordinates and SQL databases, in addition to regular WFS servers. This allows the ajax developer to display layers without worrying about proprietary source interfaces.

The OpenLayers WindowManager provides an abstraction for CSS that allows you to treat div areas like window objects. It makes CSS function the same way in all browsers, so that the ajax developer can ignore crossbrowser issues.

Getting the Code

We have just completed the first milestones in our roadmap -- called Gorno, which only releases the MapViewerService that you see on this page. Even though the rest of the code is not yet released, you can get all the source code directly from SVN. Read how in the Developer's Wiki


The OpenLayers effort grew out of the "map hacker" community that came together at the O'Reilly Where2.0 conference in July 2005.