Leaflet - Bewerkingsoverzicht

Tmomaster op 16 aug 2021 om 14:47

2021-08-16T14:47:52Z

← Oudere versie		Versie van 16 aug 2021 16:47
Regel 1:		Regel 1:
	{{sys:back\|page=Webdesign}}		{{sys:back\|page=Webdesign}}
	{{#tag:easytree\|		{{#tag:easytree\|
	~~Watson~~		Leaflet
	:{{#tag:easyview\|https://leafletjs.com/examples/quick-start/\|type=iframe\|thumbnail=Quickstart}}		:{{#tag:easyview\|https://leafletjs.com/examples/quick-start/\|type=iframe\|thumbnail=Quickstart}}
	:~~To authenticate with a service's API by using an access token, complete the following steps~~:~~<ref name~~=~~"aut">informatie afkomstig van [~~https://~~cloud~~.~~ibm~~.com/docs/~~account?topic~~=~~account~~-~~iamapikeysforservices IBM]<~~/~~ref>~~		:{{#tag:easyview\|https://leafletjs.com/reference-1.3.0.html\|type=iframe\|thumbnail=Api Reference}}
	:1 - ~~First, create an IBM Cloud API key if you have not already~~.		:{{#tag:easyview\|https://docs.eegeo.com/eegeo.js/v0.1.500/docs/api/\|type=iframe\|thumbnail=Eegeo}}
	: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://mc.bbbike.org/mc/\|type=iframe\|thumbnail=Map compare}}
	: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://leaflet-extras.github.io/leaflet-providers/preview/\|type=iframe\|thumbnail=Leaflet providers}}
	:4 - ~~Send the IAM access token as described in RFC 6750, section 2~~.1. ~~Authorization Request Header Field~~:		:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}
	:~~Review the following example~~:		:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}
	:1 - ~~Use the HTTP header Authorization~~		:{{#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}}
	:2 - ~~Prefix the IAM access token with the literal Bearer~~: ~~Bearer eyJhbGciOiJSUzI1Ng~~...		:Mapbox
	:3 - ~~Add the prefixed IAM access token to the HTTP header~~: ~~Authorization~~: ~~Bearer eyJhbGciOiJSUzI1Ng~~....		::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}
	:</~~references>~~		::{{#tag:easyview\|https://docs.mapbox.com/mapbox-gl-js/example/satellite-map/\|type=iframe\|thumbnail=Satelite\|direct=true}}
			: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:~~Watson~~]]		[[Categorie:Webdesign:OpenStreetMap]]

Tmomaster op 16 aug 2021 om 14:42

2021-08-16T14:42:06Z

Tmomaster op 16 aug 2021 om 14:41

2021-08-16T14:41:21Z

← Oudere versie		Versie van 16 aug 2021 16:41
Regel 3:		Regel 3:
	Watson		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}}
	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>		To authenticate with a service's API by using an access token, complete the following steps:<ref name="aut">informatie afkomstig van [https://cloud.ibm.com/docs/account?topic=account-iamapikeysforservices IBM]</ref>
	1 - First, create an IBM Cloud API key if you have not already.		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.		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.

Tmomaster op 16 aug 2021 om 14:40

2021-08-16T14:40:51Z

← Oudere versie		Versie van 16 aug 2021 16:40
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]]

Tmomaster op 15 mrt 2021 om 12:18

2021-03-15T12:18:40Z

← Oudere versie		Versie van 15 mrt 2021 14:18
Regel 9:		Regel 9:
	:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}		:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}
	:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}		:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}
			:{{#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}}
	:Mapbox		:Mapbox
	::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}		::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}

Tmomaster op 19 okt 2020 om 09:21

2020-10-19T09:21:20Z

← Oudere versie		Versie van 19 okt 2020 11:21
Regel 10:		Regel 10:
	:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}		:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}
	:Mapbox		:Mapbox
	::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home}}		::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}
	::{{#tag:easyview\|https://docs.mapbox.com/mapbox-gl-js/example/satellite-map/\|type=iframe\|thumbnail=Satelite}}		::{{#tag:easyview\|https://docs.mapbox.com/mapbox-gl-js/example/satellite-map/\|type=iframe\|thumbnail=Satelite\|direct=true}}
	:Here		:Here
	::{{#tag:easyview\|https://developer.here.com/\|type=iframe\|direct=true\|thumbnail=Here Leaflet\|direct=true}}		::{{#tag:easyview\|https://developer.here.com/\|type=iframe\|direct=true\|thumbnail=Here Leaflet\|direct=true}}

Tmomaster op 19 okt 2020 om 09:20

2020-10-19T09:20:35Z

← Oudere versie		Versie van 19 okt 2020 11:20
Regel 29:		Regel 29:
	::{{#tag:easyview\|https://github.com/domoritz/leaflet-locatecontrol\|type=iframe\|direct=true\|thumbnail=Leaflet locate}}		::{{#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}}		::{{#tag:easyview\|https://github.com/lizardtechblog/Leaflet.OpacityControls\|type=iframe\|direct=true\|thumbnail=Leaflet.OpacityControls}}
	ESRI		::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/\|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}}		:::{{#tag:easyview\|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html\|type=iframe\|direct=true\|thumbnail=L.esri.Geocoding.Geosearch}}

Tmomaster op 19 okt 2020 om 09:20

2020-10-19T09:20:13Z

← Oudere versie		Versie van 19 okt 2020 11:20
Regel 29:		Regel 29:
	::{{#tag:easyview\|https://github.com/domoritz/leaflet-locatecontrol\|type=iframe\|direct=true\|thumbnail=Leaflet locate}}		::{{#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}}		::{{#tag:easyview\|https://github.com/lizardtechblog/Leaflet.OpacityControls\|type=iframe\|direct=true\|thumbnail=Leaflet.OpacityControls}}
	::{{#tag:easyview\|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html\|type=iframe\|direct=true\|thumbnail=L.esri.Geocoding.Geosearch}}		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		::Liedman
	:::{{#tag:easyview\|https://github.com/perliedman/leaflet-control-geocoder\|type=iframe\|thumbnail=Leaflet Geocoder\|direct=true}}		:::{{#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}}		:::{{#tag:easyview\|http://www.liedman.net/leaflet-routing-machine\|type=iframe\|thumbnail=Leaflet Routing Machine}}
	~~::{{#tag:easyview\|https://esri.github.io/esri-leaflet/\|type=iframe\|direct=true\|thumbnail=ESRI Leaflet\|direct=true}}~~
	}}		}}
	[[Categorie:Webdesign:OpenStreetMap]]		[[Categorie:Webdesign:OpenStreetMap]]

Tmomaster op 19 okt 2020 om 09:18

2020-10-19T09:18:35Z

← Oudere versie		Versie van 19 okt 2020 11:18
Regel 9:		Regel 9:
	:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}		:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}
	:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}		:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}
	~~:{{#tag:easyview\|https://esri.github.io/esri-leaflet/\|type=iframe\|direct=true\|thumbnail=ESRI Leaflet\|direct=true}}~~
	:Mapbox		:Mapbox
	::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home}}		::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home}}
Regel 34:		Regel 33:
	:::{{#tag:easyview\|https://github.com/perliedman/leaflet-control-geocoder\|type=iframe\|thumbnail=Leaflet Geocoder\|direct=true}}		:::{{#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}}		:::{{#tag:easyview\|http://www.liedman.net/leaflet-routing-machine\|type=iframe\|thumbnail=Leaflet Routing Machine}}
			::{{#tag:easyview\|https://esri.github.io/esri-leaflet/\|type=iframe\|direct=true\|thumbnail=ESRI Leaflet\|direct=true}}
	}}		}}
	[[Categorie:Webdesign:OpenStreetMap]]		[[Categorie:Webdesign:OpenStreetMap]]

Tmomaster op 19 okt 2020 om 07:37

2020-10-19T07:37:53Z

← Oudere versie		Versie van 19 okt 2020 09:37
Regel 32:		Regel 32:
	::{{#tag:easyview\|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html\|type=iframe\|direct=true\|thumbnail=L.esri.Geocoding.Geosearch}}		::{{#tag:easyview\|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html\|type=iframe\|direct=true\|thumbnail=L.esri.Geocoding.Geosearch}}
	::Liedman		::Liedman
	:::{{#tag:easyview\|https://github.com/perliedman/leaflet-control-geocoder\|type=iframe\|thumbnail=Leaflet Geocoder}}		:::{{#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}}		:::{{#tag:easyview\|http://www.liedman.net/leaflet-routing-machine\|type=iframe\|thumbnail=Leaflet Routing Machine}}
	}}		}}
	[[Categorie:Webdesign:OpenStreetMap]]		[[Categorie:Webdesign:OpenStreetMap]]

← Oudere versie		Versie van 16 aug 2021 16:47
Regel 1:		Regel 1:
	{{sys:back\|page=Webdesign}}		{{sys:back\|page=Webdesign}}
	{{#tag:easytree\|		{{#tag:easytree\|
	~~Watson~~		Leaflet
	:{{#tag:easyview\|https://leafletjs.com/examples/quick-start/\|type=iframe\|thumbnail=Quickstart}}		:{{#tag:easyview\|https://leafletjs.com/examples/quick-start/\|type=iframe\|thumbnail=Quickstart}}
	:~~To authenticate with a service's API by using an access token, complete the following steps~~:~~<ref name~~=~~"aut">informatie afkomstig van [~~https://~~cloud~~.~~ibm~~.com/docs/~~account?topic~~=~~account~~-~~iamapikeysforservices IBM]<~~/~~ref>~~		:{{#tag:easyview\|https://leafletjs.com/reference-1.3.0.html\|type=iframe\|thumbnail=Api Reference}}
	:1 - ~~First, create an IBM Cloud API key if you have not already~~.		:{{#tag:easyview\|https://docs.eegeo.com/eegeo.js/v0.1.500/docs/api/\|type=iframe\|thumbnail=Eegeo}}
	: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://mc.bbbike.org/mc/\|type=iframe\|thumbnail=Map compare}}
	: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://leaflet-extras.github.io/leaflet-providers/preview/\|type=iframe\|thumbnail=Leaflet providers}}
	:4 - ~~Send the IAM access token as described in RFC 6750, section 2~~.1. ~~Authorization Request Header Field~~:		:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}
	:~~Review the following example~~:		:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}
	:1 - ~~Use the HTTP header Authorization~~		:{{#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}}
	:2 - ~~Prefix the IAM access token with the literal Bearer~~: ~~Bearer eyJhbGciOiJSUzI1Ng~~...		:Mapbox
	:3 - ~~Add the prefixed IAM access token to the HTTP header~~: ~~Authorization~~: ~~Bearer eyJhbGciOiJSUzI1Ng~~....		::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}
	:</~~references>~~		::{{#tag:easyview\|https://docs.mapbox.com/mapbox-gl-js/example/satellite-map/\|type=iframe\|thumbnail=Satelite\|direct=true}}
			: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:~~Watson~~]]		[[Categorie:Webdesign:OpenStreetMap]]

← Oudere versie		Versie van 16 aug 2021 16:40
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]]

← Oudere versie		Versie van 15 mrt 2021 14:18
Regel 9:		Regel 9:
	:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}		:{{#tag:easyview\|https://maptimeboston.github.io/leaflet-intro/\|type=iframe\|thumbnail=Leaflet: Make a web map!}}
	:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}		:{{#tag:easyview\|https://leanpub.com/leaflet-tips-and-tricks/read/\|type=iframe\|direct=true\|thumbnail=Manual leaflet tips and tricks}}
			:{{#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}}
	:Mapbox		:Mapbox
	::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}		::{{#tag:easyview\|https://docs.mapbox.com/\|type=iframe\|thumbnail=Home\|direct=true}}

← Oudere versie		Versie van 19 okt 2020 11:20
Regel 29:		Regel 29:
	::{{#tag:easyview\|https://github.com/domoritz/leaflet-locatecontrol\|type=iframe\|direct=true\|thumbnail=Leaflet locate}}		::{{#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}}		::{{#tag:easyview\|https://github.com/lizardtechblog/Leaflet.OpacityControls\|type=iframe\|direct=true\|thumbnail=Leaflet.OpacityControls}}
	ESRI		::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/\|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}}		:::{{#tag:easyview\|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html\|type=iframe\|direct=true\|thumbnail=L.esri.Geocoding.Geosearch}}

← Oudere versie		Versie van 19 okt 2020 11:20
Regel 29:		Regel 29:
	::{{#tag:easyview\|https://github.com/domoritz/leaflet-locatecontrol\|type=iframe\|direct=true\|thumbnail=Leaflet locate}}		::{{#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}}		::{{#tag:easyview\|https://github.com/lizardtechblog/Leaflet.OpacityControls\|type=iframe\|direct=true\|thumbnail=Leaflet.OpacityControls}}
	::{{#tag:easyview\|https://esri.github.io/esri-leaflet/api-reference/controls/geosearch.html\|type=iframe\|direct=true\|thumbnail=L.esri.Geocoding.Geosearch}}		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		::Liedman
	:::{{#tag:easyview\|https://github.com/perliedman/leaflet-control-geocoder\|type=iframe\|thumbnail=Leaflet Geocoder\|direct=true}}		:::{{#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}}		:::{{#tag:easyview\|http://www.liedman.net/leaflet-routing-machine\|type=iframe\|thumbnail=Leaflet Routing Machine}}
	~~::{{#tag:easyview\|https://esri.github.io/esri-leaflet/\|type=iframe\|direct=true\|thumbnail=ESRI Leaflet\|direct=true}}~~
	}}		}}
	[[Categorie:Webdesign:OpenStreetMap]]		[[Categorie:Webdesign:OpenStreetMap]]

← Oudere versie		Versie van 16 aug 2021 16:42
Regel 3:		Regel 3:
	Watson		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}}
	To authenticate with a service's API by using an access token, complete the following steps:<ref name="aut">informatie afkomstig van [https://cloud.ibm.com/docs/account?topic=account-iamapikeysforservices IBM]</ref>		:To authenticate with a service's API by using an access token, complete the following steps:<ref name="aut">informatie afkomstig van [https://cloud.ibm.com/docs/account?topic=account-iamapikeysforservices IBM]</ref>
	1 - First, create an IBM Cloud API key if you have not already.		: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.		: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.		: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:		:4 - Send the IAM access token as described in RFC 6750, section 2.1. Authorization Request Header Field:
	Review the following example:		:Review the following example:
	1 - Use the HTTP header Authorization		:1 - Use the HTTP header Authorization
	2- Prefix the IAM access token with the literal Bearer: Bearer eyJhbGciOiJSUzI1Ng...		: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....		:3 - Add the prefixed IAM access token to the HTTP header: Authorization: Bearer eyJhbGciOiJSUzI1Ng....
	</references>		:</references>
	}}		}}
	[[Categorie:Webdesign:Watson]]		[[Categorie:Webdesign:Watson]]