mirror of
https://github.com/netzmacht/contao-leaflet-libraries.git
synced 2025-11-30 20:13:47 +01:00
64 lines
2.4 KiB
Markdown
64 lines
2.4 KiB
Markdown
|
|
Leaflet-providers
|
||
|
|
=================
|
||
|
|
An extension to [Leaflet](http://leafletjs.com/) that contains configurations for various free tile providers.
|
||
|
|
|
||
|
|
# Usage
|
||
|
|
Leaflet-providers [providers](#providers) are refered to with a `provider[.<variant>]`-string. Let's say you want to add the nice [Watercolor](http://maps.stamen.com/#watercolor/) style from Stamen to your map, you pass `Stamen.Watercolor` to the `L.tileLayer.provider`-constructor, which will return a [L.TileLayer](http://leafletjs.com/reference.html#tilelayer) instance for Stamens Watercolor tile layer.
|
||
|
|
|
||
|
|
```Javascript
|
||
|
|
// add Stamen Watercolor to map.
|
||
|
|
L.tileLayer.provider('Stamen.Watercolor').addTo(map);
|
||
|
|
```
|
||
|
|
|
||
|
|
# Providers
|
||
|
|
|
||
|
|
Leaflet-providers provides tile layers from different providers, including *OpenStreetMap*, *MapQuestOpen*, *Stamen*, *Esri* and *OpenWeatherMap*. The full listing of free to use layers can be [previewed](http://leaflet-extras.github.io/leaflet-providers/preview/index.html). The page will show you the name to use with `leaflet-providers.js` and the code to use it without dependencies.
|
||
|
|
|
||
|
|
## Providers requiring registration
|
||
|
|
|
||
|
|
In addition to the providers you are free to use, we support some layers which require registration.
|
||
|
|
|
||
|
|
### HERE (formerly Nokia).
|
||
|
|
|
||
|
|
In order to use HERE basemaps, you must [register](http://developer.here.com/get-started). With your `app_id` and `app_code` specified in the options. The available layers are:
|
||
|
|
|
||
|
|
* HERE.normalDay
|
||
|
|
* HERE.normalGreyDay
|
||
|
|
* HERE.satelliteNoLabelsDay
|
||
|
|
* HERE.satelliteYesLabelsDay
|
||
|
|
* HERE.terrainDay
|
||
|
|
|
||
|
|
For example:
|
||
|
|
```Javascript
|
||
|
|
L.tileLayer.provider('HERE.terrainDay', {
|
||
|
|
app_id: 'insert ID here',
|
||
|
|
app_code: 'insert ID here'
|
||
|
|
}).addTo(map);
|
||
|
|
```
|
||
|
|
|
||
|
|
### Mapbox
|
||
|
|
|
||
|
|
In order to use Mapbox maps, you must [register](https://tiles.mapbox.com/signup). If your user name is `YourName` and your map is called `MyMap` you can add it with
|
||
|
|
```JavaScript
|
||
|
|
L.tileLayer.provider('MapBox.YourName.MyMap');
|
||
|
|
```
|
||
|
|
|
||
|
|
### Esri/ArcGIS
|
||
|
|
|
||
|
|
In order to use ArcGIS maps, you must [register](https://developers.arcgis.com/en/sign-up/) and abide by the [terms of service](https://developers.arcgis.com/en/terms/). Available layers are...
|
||
|
|
|
||
|
|
* Esri.WorldStreetMap
|
||
|
|
* Esri.DeLorme
|
||
|
|
* Esri.WorldTopoMap
|
||
|
|
* Esri.WorldImagery
|
||
|
|
* Esri.WorldTerrain
|
||
|
|
* Esri.WorldShadedRelief
|
||
|
|
* Esri.WorldPhysical
|
||
|
|
* Esri.OceanBasemap
|
||
|
|
* Esri.NatGeoWorldMap
|
||
|
|
* Esri.WorldGrayCanvas
|
||
|
|
|
||
|
|
# Attribution
|
||
|
|
|
||
|
|
This work was inspired from <https://gist.github.com/1804938>, and originally created by [Stefan Seelmann](https://github.com/seelmann).
|