OpenLayers

Available languages

• Deutsch • English • français • italiano • 日本語 • Nederlands • русский

Other languages — Help us translating this wiki

• Afrikaans • አማርኛ • العربية • অসমীয়া • asturianu • azərbaycanca • български • বাংলা • brezhoneg • bosanski • català • corsu • česky • dansk • Zazaki • ދިވެހިބަސް • Ελληνικά • Esperanto • español • eesti • euskara • فارسی • suomi • Frysk • Gaeilge • Kréyòl gwadloupéyen • Gàidhlig • galego • Alemannisch • ગુજરાતી • هَوُسَ • עברית • हिन्दी • hrvatski • Kreyòl ayisyen • magyar • Հայերեն • interlingua • Bahasa Indonesia • Igbo • íslenska • Basa Jawa • ქართული • қазақша • ភាសាខ្មែរ • ಕನ್ನಡ • 한국어 • Kurdî • Lëtzebuergesch • ລາວ • lietuvių • latviešu • Malagasy • македонски • മലയാളം • मराठी • Bahasa Melayu • Malti • မြန်မာဘာသာ • नेपाली • ‪norsk (nynorsk)‬ • ‪norsk (bokmål)‬ • occitan • Oromoo • ଓଡ଼ିଆ • ਪੰਜਾਬੀ • polski • پښتو • português • português do Brasil • română • română (Moldova) • سنڌي • සිංහල • slovenčina • slovenščina • Soomaaliga • shqip • српски / srpski • svenska • தமிழ் • తెలుగు • тоҷикӣ • ไทย • Türkçe • українська • اردو • oʻzbekcha • Tiếng Việt • Wolof • isiXhosa • Yorùbá • ‪中文（简体）‬ • ‪中文（繁體）‬ • isiZulu

OpenLayers embedded in this wiki page

OpenLayers (openlayers.org) is an open-source implementation of a "Slippy Map" interface. It is a JavaScript library released under the BSD license. It is one of several libraries you can use to deploy your own slippy map on a website.

Examples

OpenLayers Simple Example
OpenLayers Marker Example - How to add a simple static marker
Openlayers POI layer example - How to show POI markers with an overlay layer
Openlayers Track example - How to show a .gpx track file in an overlay layer
OpenLayers osm file example - How to show an .osm file in an overlay layer
OpenLayers Dynamic POI - How to show POI markers dynamically (with the help of MySQL and PHP) in a rather advanced way
Faster tiles - Speed up our map presentation by fetching tiles from more than one server
OpenLayers Local Tiles Example - Browse local OpenStreetMap tiles with a slippymap

Most examples are also available for viewing online here.

More information

More at Category:OpenLayers Examples.
Creating your own tiles
Slippy Map - more technical details of our OpenLayers deployment
Browsing - non-technical help for using our slippy map
Slippy Map MediaWiki Extension - Embedding OSM slippy maps into this wiki, and other MediaWiki installations.
OpenLayers Videotutorial
OpenLayers Library
OpenLayers Class Diagrams Inheritance hierarchies of OpenLayers-Classes

OpenLayers tools

Slippy Map Generator - Point and click to set up a map, then download the code needed to initialise OpenLayers.
FacilMap - Includeable JavaScript library to make it easy to set up OpenLayers with OSM layers, and other features such as search, and OpenStreetBugs.
Mapstraction - A library abstracting between different javascript map "providers" of which OpenLayers is one.
Slipple - A simple slippy map resembling Gmaps API, with custom markers and routes.

Base layers & overlays

Here are base layers and overlays available for building online maps

Name	type	covered	latency	comment	tiles url ^[1]
OSM mapnik basic map Tile usage policy	base				a b
OSM mapnik Mapquest OSM compare	base				1 2
OpenCycleMap Cycle map compare	base				a b
OpenPisteMap Ski map	overlay				[1]
OpenSeaMap Sea marks	overlay			Sea marks only, background transparent	[2]
Lonvia Hiking routes	overlay		1D	Using `osmc:symbol=*`	[3]
Lonvia Cycling routes	overlay		1D		[4]
Toolserver Cycling routes	overlay				a
Hike & Bike Hiking map		DE ?		Using `osmc:symbol=*`	[5]
Hillshading shading					[6]
OSM B&W mapnik map grayscale compare	base				a b
Stamen Black & White map compare	base			Black&White, printing	[7]
Transport Transport map compare	base				a b
Öpnvkarte Transport map	base				[8]
OpenPtMap Transport map	overlay			Transport	[9]
Stamen Artistic map	base			Watercolor	[10]