|
|
| Regel 1: |
Regel 1: |
| {{sys:back|page=Webdesign}} | | {{sys:back|page=Webdesign}} |
| {{#tag:easytree| | | {{#tag:easytree| |
| Leaflet
| | Watson |
| :{{#tag:easyview|https://leafletjs.com/examples/quick-start/|type=iframe|thumbnail=Quickstart}} | | :{{#tag:easyview|https://leafletjs.com/examples/quick-start/|type=iframe|thumbnail=Quickstart}} |
| :{{#tag:easyview|https://leafletjs.com/reference-1.3.0.html|type=iframe|thumbnail=Api Reference}} | | To authenticate with a service's API by using an access token, complete the following steps:<res name="aut">informatie afkomstig van [https://cloud.ibm.com/docs/account?topic=account-iamapikeysforservices IBM]</ref> |
| :{{#tag:easyview|https://docs.eegeo.com/eegeo.js/v0.1.500/docs/api/|type=iframe|thumbnail=Eegeo}}
| | 1 - First, create an IBM Cloud API key if you have not already. |
| :{{#tag:easyview|https://mc.bbbike.org/mc/|type=iframe|thumbnail=Map compare}}
| | 2 - The next step for the API client is the retrieval of an IAM access token, as described in Getting an IAM token from an API key. |
| :{{#tag:easyview|https://leaflet-extras.github.io/leaflet-providers/preview/|type=iframe|thumbnail=Leaflet providers}}
| | 3 - From the response, extract the property access_token to get the IAM access token. expires_in indicates the seconds until the IAM access token access_token expires. Either use this relative value or the absolute time stamp expiration based in UNIX time. |
| :{{#tag:easyview|https://maptimeboston.github.io/leaflet-intro/|type=iframe|thumbnail=Leaflet: Make a web map!}}
| | 4 - Send the IAM access token as described in RFC 6750, section 2.1. Authorization Request Header Field: |
| :{{#tag:easyview|https://leanpub.com/leaflet-tips-and-tricks/read/|type=iframe|direct=true|thumbnail=Manual leaflet tips and tricks}}
| | Review the following example: |
| :{{#tag:easyview|https://gis.stackexchange.com/questions/340499/displaying-selected-layers-depending-on-zoom-in-leaflet|type=iframe|direct=true|thumbnail=Displaying selected layers depending on zoom in Leaflet}}
| | 1 - Use the HTTP header Authorization |
| :Mapbox
| | 2- Prefix the IAM access token with the literal Bearer: Bearer eyJhbGciOiJSUzI1Ng... |
| ::{{#tag:easyview|https://docs.mapbox.com/|type=iframe|thumbnail=Home|direct=true}}
| | 3 - Add the prefixed IAM access token to the HTTP header: Authorization: Bearer eyJhbGciOiJSUzI1Ng.... |
| ::{{#tag:easyview|https://docs.mapbox.com/mapbox-gl-js/example/satellite-map/|type=iframe|thumbnail=Satelite|direct=true}}
| | </references> |
| :Here
| |
| ::{{#tag:easyview|https://developer.here.com/|type=iframe|direct=true|thumbnail=Here Leaflet|direct=true}}
| |
| ::{{#tag:easyview|https://developer.here.com/documentation/map-tile/dev_guide/topics/quick-start-map-tile.html|type=iframe|direct=true|thumbnail=Up-to-date Daytime Basemap Tile|direct=true}}
| |
| ::{{#tag:easyview|https://developer.here.com/tutorials/raster-tile-leaflet/|type=iframe|direct=true|thumbnail=Add a HERE base map to Leaflet|direct=true}}
| |
| :Google maps range to zoom converter
| |
| ::{{#tag:easyview|https://stackoverflow.com/questions/21601483/google-static-map-radius-to-zoom/|type=iframe|direct=true|thumbnail=Google static map radius to zoom}}
| |
| ::{{#tag:easyview|http://jsfiddle.net/cpvzD/208/|type=iframe|direct=true|thumbnail=Google maps range to zoom converter}}
| |
| ::{{#tag:easyview|https://rechneronline.de/earth-radius/|type=iframe|thumbnail=Earsth radias}}
| |
| :Plugins
| |
| ::{{#tag:easyview|https://github.com/erictheise/rrose|type=iframe|direct=true|thumbnail=Rrose: A Leaflet Plugin for Edge Cases}}
| |
| ::{{#tag:easyview|https://github.com/Leaflet/Leaflet/blob/master/PLUGIN-GUIDE.md|type=iframe|direct=true|thumbnail=Leaflet Plugin Authoring Guide}}
| |
| ::{{#tag:easyview|https://leafletjs.com/plugins.html|type=iframe|direct=true|thumbnail=Leaflet Plugins}}
| |
| ::{{#tag:easyview|https://github.com/Leaflet/Leaflet.fullscreen|type=iframe|direct=true|thumbnail=Leaflet.fullscreen}} | |
| ::{{#tag:easyview|https://github.com/Leaflet/Leaflet.label|type=iframe|direct=true|thumbnail=Leaflet label}}
| |
| ::{{#tag:easyview|https://github.com/shramov/leaflet-plugins|type=iframe|direct=true|thumbnail=Leaflet plugins}}
| |
| ::{{#tag:easyview|https://github.com/domoritz/leaflet-locatecontrol|type=iframe|direct=true|thumbnail=Leaflet locate}}
| |
| ::{{#tag:easyview|https://github.com/lizardtechblog/Leaflet.OpacityControls|type=iframe|direct=true|thumbnail=Leaflet.OpacityControls}} | |
| ::ESRI
| |
| :::{{#tag:easyview|https://esri.github.io/esri-leaflet/|type=iframe|direct=true|thumbnail=ESRI Leaflet|direct=true}}
| |
| :::{{#tag:easyview|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html|type=iframe|direct=true|thumbnail=L.esri.Geocoding.Geosearch}}
| |
| ::Liedman
| |
| :::{{#tag:easyview|https://github.com/perliedman/leaflet-control-geocoder|type=iframe|thumbnail=Leaflet Geocoder|direct=true}}
| |
| :::{{#tag:easyview|http://www.liedman.net/leaflet-routing-machine|type=iframe|thumbnail=Leaflet Routing Machine}}
| |
| | |
| }} | | }} |
| [[Categorie:Webdesign:OpenStreetMap]] | | [[Categorie:Webdesign:Watson]] |
Terug naar Webdesign
Watson
Quickstart
To authenticate with a service's API by using an access token, complete the following steps:informatie afkomstig van IBM
1 - First, create an IBM Cloud API key if you have not already.
2 - The next step for the API client is the retrieval of an IAM access token, as described in Getting an IAM token from an API key.
3 - From the response, extract the property access_token to get the IAM access token. expires_in indicates the seconds until the IAM access token access_token expires. Either use this relative value or the absolute time stamp expiration based in UNIX time.
4 - Send the IAM access token as described in RFC 6750, section 2.1. Authorization Request Header Field:
Review the following example:
1 - Use the HTTP header Authorization
2- Prefix the IAM access token with the literal Bearer: Bearer eyJhbGciOiJSUzI1Ng...
3 - Add the prefixed IAM access token to the HTTP header: Authorization: Bearer eyJhbGciOiJSUzI1Ng....