OpenLayers
From OpenStreetMap Wiki
Other languages
• Afrikaans • አማርኛ • العربية • অসমীয়া • Asturianu • Azərbaycanca • Български • বাংলা • Brezhoneg • Bosanski • Català • Corsu • Česky • Dansk • ދިވެހިބަސް • Ελληνικά • 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'zbek • 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, and is used on the OpenStreetMap homepage. It is one of several libraries you can use to deploy your own slippy map on a website.
Contents |
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 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.
OpenLayers base layers & overlays
Here are base layers and overlays available for building online maps
| Name | Content | url | type | covered | latency | comment | tiles url [1] | Policy |
|---|---|---|---|---|---|---|---|---|
| OSM mapnik | basic map | base | a b | Tile usage policy | ||||
| Mapquest mapnik | basic map | base | 1 2 | |||||
| OSM osmarender | basic map | base | ||||||
| OpenCycleMap | cycle map | base | a b | |||||
| OpenPisteMap | ski map with contour | http://tiles.openpistemap.org/contours/ | base | Witch difference with the following ? | ||||
| OpenPisteMapNC | ski map without contour | http://tiles.openpistemap.org/nocontours/ | base | Piste map, background base mapnik like[2] | [1] | |||
| OpenPisteMapNC | contour | http://tiles.openpistemap.org/contours-only/ | overlay | contours only, background transparent | [2] | |||
| OpenSeaMap | Sea marks | http://tiles.openseamap.org/seamark/ | overlay | Sea marks only, background transparent | [3] | |||
| Lonvia | hiking routes | http://osm.lonvia.de/hiking/ | overlay | 1D | good overlay using osmc:symbol=* | [4] | ||
| Hike & Bike | hiking map | http://toolserver.org/tiles/hikebike/ | base | |||||
| Hillshading H&B | shading | http://toolserver.org/~cmarqu/hill/ | overlay | NASA SRTM3 v2 | [5] |
![[2]](http://tiles.openpistemap.org/contours-only/${z}/${x}/${y}.png){kind=link}
![[3]](http://tiles.openseamap.org/seamark/${z}/${x}/${y}.png){kind=link}
![[4]](http://tile.lonvia.de/hiking/${z}/${x}/${y}.png){kind=link}
![[5]](http://toolserver.org/~cmarqu/hill/${z}/${x}/${y}.png){kind=link}