Mapbox - Laptörténet

Mate, 2017. május 28., 17:20-n

2017-05-28T17:20:13Z

Mate, 2017. május 28., 17:19-n

2017-05-28T17:19:07Z

D9B9SN: Javítás: fejlődéstörténet + Mapbox.js és Mapbox GL JS egyértelműsítés + Mapbox GL JS példák

2017-05-27T11:25:02Z

Javítás: fejlődéstörténet + Mapbox.js és Mapbox GL JS egyértelműsítés + Mapbox GL JS példák

Változtatások megtekintése

Mate: Uploaded demos copied to server

2017-05-25T12:48:47Z

Uploaded demos copied to server

Változtatások megtekintése

Mate, 2017. május 25., 10:57-n

2017-05-25T10:57:37Z

Mate, 2017. május 25., 10:51-n

2017-05-25T10:51:27Z

D9B9SN: Javasolt változtatások

2017-05-07T13:22:28Z

Javasolt változtatások

D9B9SN: [Mapbox GL + Vector Tile + Turf.js + Komponensek közötti kapcsolat] hozzáadva

2017-05-01T14:51:38Z

[Mapbox GL + Vector Tile + Turf.js + Komponensek közötti kapcsolat] hozzáadva

D9B9SN: Mapbox logó + ismertető + pluginos példák

2017-04-23T11:20:41Z

Mapbox logó + ismertető + pluginos példák

Változtatások megtekintése

D9B9SN: "Back to the Top" button

2017-04-16T12:52:10Z

"Back to the Top" button

@@ 1 583. sor: / 1 583. sor: @@
 ==== Leaflet Markercluster ====
-[http://gis.inf.elte.hu/giswiki/uploads/leaflet_markercluster.html Leaflet Markercluster]
+[http://gis.inf.elte.hu/giswiki/uploads/D9B9SN/leaflet_markercluster.html Leaflet Markercluster]
 <syntaxhighlight lang="html5">
@@ 1 642. sor: / 1 642. sor: @@
 ==== Listing markers in clusters ====
-[http://gis.inf.elte.hu/giswiki/uploads/listing_markers_in_clusters.html Listing markers in clusters]
+[http://gis.inf.elte.hu/giswiki/uploads/D9B9SN/listing_markers_in_clusters.html Listing markers in clusters]
 <syntaxhighlight lang="html5">
@@ 1 842. sor: / 1 842. sor: @@
 === Minimális példa egy térkép megjelenítésére ===
-[http://gis.inf.elte.hu/giswiki/uploads/display_a_map.html Display a map]
+[http://gis.inf.elte.hu/giswiki/uploads/D9B9SN/display_a_map.html Display a map]
 <syntaxhighlight lang="html5">
@@ 1 884. sor: / 1 884. sor: @@
 === Vector tile forrás hozzáadása a térképhez ===
-[http://gis.inf.elte.hu/giswiki/uploads/add_a_vector_tile_source.html Add a vector tile source]
+[http://gis.inf.elte.hu/giswiki/uploads/D9B9SN/add_a_vector_tile_source.html Add a vector tile source]
 <syntaxhighlight lang="html5">
@@ 1 946. sor: / 1 946. sor: @@
 === Külső forrásból származó vector tile hozzáadása a térképhez ===
-[http://gis.inf.elte.hu/giswiki/uploads/add_a_third_party_vector_tile_source.html Add a third party vector tile source]
+[http://gis.inf.elte.hu/giswiki/uploads/D9B9SN/add_a_third_party_vector_tile_source.html Add a third party vector tile source]
 <syntaxhighlight lang="html5">

@@ 1 842. sor: / 1 842. sor: @@
 === Minimális példa egy térkép megjelenítésére ===
-[http://zsataai.web.elte.hu/content/mapbox/display_a_map.html Display a map]
+[http://gis.inf.elte.hu/giswiki/uploads/display_a_map.html Display a map]
 <syntaxhighlight lang="html5">
@@ 1 884. sor: / 1 884. sor: @@
 === Vector tile forrás hozzáadása a térképhez ===
-[http://zsataai.web.elte.hu/content/mapbox/add_a_vector_tile_source.html Add a vector tile source]
+[http://gis.inf.elte.hu/giswiki/uploads/add_a_vector_tile_source.html Add a vector tile source]
 <syntaxhighlight lang="html5">
@@ 1 946. sor: / 1 946. sor: @@
 === Külső forrásból származó vector tile hozzáadása a térképhez ===
-[http://zsataai.web.elte.hu/content/mapbox/add_a_third_party_vector_tile_source.html Add a third party vector tile source]
+[http://gis.inf.elte.hu/giswiki/uploads/add_a_third_party_vector_tile_source.html Add a third party vector tile source]
 <syntaxhighlight lang="html5">

← Régebbi változat		A lap 2017. május 25., 10:57-kori változata
1 883. sor:		1 883. sor:
	* [http://wiki.openstreetmap.org/wiki/Mapbox Openstreetmap Wiki]		* [http://wiki.openstreetmap.org/wiki/Mapbox Openstreetmap Wiki]
	* [https://www.google.hu/search?q=mapbox Google Mapbox]		* [https://www.google.hu/search?q=mapbox Google Mapbox]
−
−	~~<div id="BackToTop" class="noprint" style="background-color:#F5F5F5; position:fixed; bottom:2%; left:1%; padding:0; margin:0;">~~
−	~~<span style="text-align:center; font-size:150%; background-color:#F5F5F5">[[#top\| Back to the Top ]]</span></div>~~

← Régebbi változat		A lap 2017. május 25., 10:51-kori változata
1. sor:		1. sor:

−	[[Fájl:Mapbox-logo-color.png\|center\|alt=Mapbox logo\|Mapbox logo]]	+	[[Fájl:Mapbox-logo-color.png\|center\|300px\|alt=Mapbox logo\|Mapbox logo]]

	A '''Mapbox''' térképszolgáltatóknak kínál megoldásokat, illetve emellett térképek tervezéséhez és karbantartásához készít eszközöket. Ezek többnyire OpenStreetMap adatokat használnak. A Mapbox elkötelezett a nyílt megoldások mellett, de nem csak használja az adatokat, hanem többek között a Mapnik nyílt forrású térképrenderelő megoldás kódjának fő hozzájárulója is.		A '''Mapbox''' térképszolgáltatóknak kínál megoldásokat, illetve emellett térképek tervezéséhez és karbantartásához készít eszközöket. Ezek többnyire OpenStreetMap adatokat használnak. A Mapbox elkötelezett a nyílt megoldások mellett, de nem csak használja az adatokat, hanem többek között a Mapnik nyílt forrású térképrenderelő megoldás kódjának fő hozzájárulója is.

@@ 45. sor: / 45. sor: @@
 [[Fájl:mapbox_mapboxgl_03.png|frame|center|alt=Mapbox GL|Mapbox GL]]
 === Adat: Vector Tile ===
@@ 57. sor: / 70. sor: @@
 A térkép adatain elvégezhetünk különféle térinformatikai műveleteket és elemzéseket. Erre a célra szolgál a '''Turj.js''' nevű nyílt forráskódú JavaScript könyvtár, melyet a Mapbox is beépítetten használ.
 [[Fájl:mapbox_turf_03.png|frame|center|alt=Turf.js|Turf.js]]
 === Komponensek közötti kapcsolat ===
 [[Fájl:mapbox_rendereles_01.png|frame|center|alt=Megjelenítés, renderelés|Megjelenítés, renderelés]]
@@ 66. sor: / 130. sor: @@
 [[Fájl:mapbox_elemzes_01.png|frame|center|alt=Elemzés, szűrés|Elemzés, szűrés]]
-== Példák ==
+== Példák (Mapbox használata webes környezetben, azaz Mapbox.js) ==
 === Térkép (kezdő szint) ===
 ==== Minimális példa egy térkép megjelenítésére ====
@@ 1 761. sor: / 1 825. sor: @@
 </syntaxhighlight>
-== Érdekességek ==
+== Felhasználás, alkalmazás ==
 === A Foursquare is Mapbox-ra váltott ===

← Régebbi változat		A lap 2017. május 1., 14:51-kori változata
28. sor:		28. sor:

	[[Fájl:mapbox_pricing01.png\|frame\|center\|link=https://www.mapbox.com/pricing/\|alt=Mapbox csomagok árazása\|A Mapbox csomagok árazása]]		[[Fájl:mapbox_pricing01.png\|frame\|center\|link=https://www.mapbox.com/pricing/\|alt=Mapbox csomagok árazása\|A Mapbox csomagok árazása]]
		+
		+	== Megvalósítás és működés a háttérben ==
		+
		+	Három alapvető működési egység és feladatkör különíthető el a Mapbox működésében. Ezek a következők:
		+	* '''térkép'''
		+	* '''adat'''
		+	* '''elemzés'''
		+
		+	=== Térkép: Mapbox GL a rendereléshez ===
		+
		+	A térkép megjelenítését a GPU végzi '''Mapbox GL''' segítségével. A legfontosabb jellemzői:
		+	* A régi raszteres adatokkal (png csempék) szemben, itt vektoros adatok (vektoros csempék) vannak.
		+	* A megjelenítéskor rugalmasan kezelhetőek a stílusok (style JSON segítségével).
		+	* Kliens oldali renderelés (Open/Web GL alapon).
		+	* Az adatok külön rétegek a térképen, nem képezik szerves és elválaszthatatlan részét.
		+
		+	[[Fájl:mapbox_mapboxgl_03.png\|frame\|center\|alt=Mapbox GL\|Mapbox GL]]
		+
		+	=== Adat: Vector Tile ===
		+
		+	A '''Vector Tile''' egy nyílt szabvány webes térképek adatainak kódolásához.
		+
		+	[[Fájl:mapbox_vectortile_01.png\|frame\|center\|alt=Vector Tile ábrázolása\|Vector Tile ábrázolása]]
		+
		+	[[Fájl:mapbox_vectortile_02.png\|frame\|center\|alt=Vector Tile példa\|Vector Tile példa]]
		+
		+	=== Elemzés: Turf.js ===
		+
		+	A térkép adatain elvégezhetünk különféle térinformatikai műveleteket és elemzéseket. Erre a célra szolgál a '''Turj.js''' nevű nyílt forráskódú JavaScript könyvtár, melyet a Mapbox is beépítetten használ.
		+
		+	[[Fájl:mapbox_turf_03.png\|frame\|center\|alt=Turf.js\|Turf.js]]
		+
		+	=== Komponensek közötti kapcsolat ===
		+
		+	[[Fájl:mapbox_rendereles_01.png\|frame\|center\|alt=Megjelenítés, renderelés\|Megjelenítés, renderelés]]
		+
		+	[[Fájl:mapbox_elemzes_01.png\|frame\|center\|alt=Elemzés, szűrés\|Elemzés, szűrés]]

	== Példák ==		== Példák ==

← Régebbi változat		A lap 2017. április 16., 12:52-kori változata
1 475. sor:		1 475. sor:
	* [http://wiki.openstreetmap.org/wiki/Mapbox Openstreetmap Wiki]		* [http://wiki.openstreetmap.org/wiki/Mapbox Openstreetmap Wiki]
	* [https://www.google.hu/search?q=mapbox Google Mapbox]		* [https://www.google.hu/search?q=mapbox Google Mapbox]
		+
		+	<div id="BackToTop" class="noprint" style="background-color:#F5F5F5; position:fixed; bottom:2%; left:1%; padding:0; margin:0;">
		+	<span style="text-align:center; font-size:150%; background-color:#F5F5F5">[[#top\| Back to the Top ]]</span></div>