OpenLayers

From OpenStreetMap Wiki
Jump to: navigation, search
Available languages
Deutsch English français italiano Nederlands 日本語 русский

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

Most examples are also available for viewing online here.

More information

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] Tile example
OSM mapnik
basic map
Tile usage policy
base a b c 42.png
OSM mapnik
Mapquest OSM
compare
base 1 2 3 4 Tile mapquest.png.jpeg
MapQuest Sat
Sat
base 1 2 3 4 http://otile1.mqcdn.com/tiles/1.0.0/sat/7/63/42.jpg
OpenCycleMap
Cycle map
compare
base a b Tile cycling.png
HOT style
Humanitarian focused OSM base layer
base a b Humanitarian style.png
OpenPisteMap
Ski map
overlay [1] Tile pistemap.png
OpenSeaMap
Sea marks
overlay Sea marks only, background transparent [2] Tile seamark.png
Lonvia
Hiking routes
overlay 1D Using osmc:symbol=* [3] Tile lonviahiking.png
Lonvia
Cycling routes
overlay 1D [4] Tile lonviacycling.png
Toolserver
Cycling routes
compare
overlay a Tile cycling toolserver.png
Hike & Bike
Hiking map
compare
DE ? Using osmc:symbol=* [5] Tile hikebike.png
Hillshading
shading
compare
[6] Tile hillshading.png
OSM B&W
mapnik map grayscale
compare
base a b Tile mapnikb&w.png
Stamen Toner
Black & White map
compare
base Black&White, printing, uses Natural Earth at low zooms, retina tiles available, variants available: toner, toner-hybrid, toner-labels, toner-lines, toner-background, toner-lite [7] Tile stamentonerb&n.png
Stamen Watercolor
Artistic map
compare
base Watercolor [8] Tile watercolor stamen.jpg
Transport
Transport map
compare
base a b Tile transport.png
Öpnvkarte
Transport map
compare
base [9] Tile opnvtransport.png
OpenPtMap
Transport map
compare
overlay Transport [10] Tile openptmaptransport.png
Lyrk Geodienste
general map
base specific amount of delivered tiles are for free, more traffic available by paying. retina tiles optional. Lyrk tile.png
CartoDB Light ("Positron")
general map
Required attribution: "Map tiles by CartoDB, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
base unlimited use permitted, uses Natural Earth at low zooms, no_labels variant available [11] Cartodb light tile.png
CartoDB Dark ("Dark Matter")
general map
Required attribution: "Map tiles by CartoDB, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
base unlimited use permitted, uses Natural Earth at low zooms, no_labels variant available [12] Cartodb dark tile.png
  1. Copy the destination of the link to get the url for OpenLayers