„Mapbox” változatai közötti eltérés

Innen: GIS Wiki
(példa (egyszerű térkép) hozzáadva; (egyelőre a renderelésre nem találtam megoldást...))
(Teszt: beágyazni html kódot a wiki oldalba, hogy egyből látható legyen a Mapbox működés közben)
42. sor: 42. sor:
 
</html>
 
</html>
 
</syntaxhighlight>
 
</syntaxhighlight>
 +
 +
=== Teszt (beágyazni html kódot a wiki oldalba, hogy egyből látható legyen a Mapbox működés közben) ===
 +
 +
$wgRawHtml = True;
 +
 +
<hr>
 +
 +
<iframe src="https://www.elte.hu/"
 +
height="768" width="1366" frameborder="20" scrolling="yes">
 +
Alternative text for browsers that do not understand IFrames.
 +
</iframe>
 +
 +
<hr>
 +
 +
{{Special:IframePage|Youtube|path=sYgxTkg2j5Hxoeei/embed}}
 +
 +
$wgIframePageSrc = array( 'YouTube' => 'http://www.youtube.com/embed/', 'Vimeo' => 'http://player.vimeo.com/video/' );
 +
$wgIframePageAllowPath = true;
 +
 +
<hr>
 +
 +
<include src="https://www.elte.hu" />
 +
 +
This is '''wikitext'''.
 +
 +
<html>
 +
This is <em>HTML</em>.
 +
</html>
 +
 +
{{#widget:Iframe
 +
|url=https://docs.google.com/present/embed?id=dcn37mcz_22cmnwnwf8
 +
|width=410
 +
|height=342
 +
|border=0
 +
}}
 +
 +
<hr>
 +
 +
[[embed]]
 +
<script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script>
 +
[[/embed]]
 +
 +
[[iframe src="https://www.elte.hu"]]
 +
 +
[[embed]]
 +
<iframe class="" style="" frameborder="0" width="100%" height="300px" align="" scrolling="auto" src="http://snippets.wdfiles.com/local--code/code:iframe-embed#%3Ch1%3ETESZT%3C/h1%3E"></iframe>
 +
[[/embed]]
 +
 +
[[html]]
 +
<script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script>
 +
[[/html]]
 +
 +
<hr>
 +
 +
<div id="mw-mywiki-example"></div>
 +
 +
$(function () {
 +
  $('#mw-mywiki-example').html('any HTML');
 +
}());
 +
 +
<hr>
 +
 +
{html}<a href="http://www.atlassian.com">Click here</a> to see the <b>Atlassian</b> website.{html}
 +
 +
<hr>
 +
 +
<iframe width="560" height="315" src="http://www.youtube.com/embed/JOynRkYWFSM" frameborder="0" allowfullscreen></iframe>
 +
 +
<hr>
 +
 +
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/-mcbsrAXlAg?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-mcbsrAXlAg?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
 +
 +
<hr>

A lap 2017. március 26., 15:37-kori változata

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.

Történelem: A cég startupként indult 2010-ben, Washingtonban. Dolgozóinak száma 2017-re elérte a 180 főt és olyan cégek valamint szervezetek használják a termékeiket, mint a Foursquare, Evernote, Pinterest, Github, The Weather Channel, Guardian, Financial Times, CNN, Greenpeace, National Geographic.

További munkásság: Egy olyan eljáráson dolgoznak, amivel a műholdképek minősége feljavítható. Ha most bárki megnyitja a Google Maps vagy a Bing Maps térképeit, átkapcsol műholdas nézetbe, akkor azt veheti észre, hogy az egész Földön mindenhol világos van, mindenhol nyár van és nincsenek felhők. Ha elkezdünk visszaközelíteni, akkor kiderül, hogy sokszor nagy kontraszteltérés van egymás mellett lévő sávok közt, feltűnnek felhők, a színek össze-vissza változnak és sok esetben a képek rossz minőségűek. Ez annak köszönhető, hogy ezek a térképek ezernyi kis darabból vannak összerakva. Előfordul, hogy az egymás melletti képek teljesen más forrásból származnak, más technológiával készültek, illetve időben akár évekre van egymástól két szomszédos darab. A Mapbox azt tűzte ki célul, hogy felszámolja az ilyen hibákat, megszabadulva a zavaró felhőktől és grafikai egyenetlenségektől. Ennek megvalósításához az alapanyag a NASA Lance-Modis rendszerének műholdjáról származik. A Mapbox ezekből az adatokból ragadta ki a 2011. január 1. és 2012. december 31. közt készült két évnyi anyagokat. Ez 339 ezer darab 16 megapixeles képet jelent, ami több mint 5687 milliárd pixel összességében. A projekt célja, ezt a pixelmennyiséget lefésülni 5 milliárd pixelnyire, amiből összeáll egy részletes, de egységes glóbusz.

Példa (egyszerű térkép)

Minimális példa egy térkép megjelenítésére: 

<!-- A simple map -->
<!-- Initialize a map in an HTML element with Mapbox.js. -->

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css' rel='stylesheet' />
<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
<script>
	var demoAccessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejh2N21nMzAxMmQzMnA5emRyN2lucW0ifQ.jSE-g2vsn48Ry928pqylcg' || 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
</script>
</head>
<body>
<div id='map'></div>
<script>
	L.mapbox.accessToken = '<your access token here>';
	L.mapbox.accessToken = demoAccessToken;
	var map = L.mapbox.map('map', 'mapbox.streets')
		.setView([47.47359112535713, 19.062223434448246], 15);
</script>
</body>
</html>

Teszt (beágyazni html kódot a wiki oldalba, hogy egyből látható legyen a Mapbox működés közben)

$wgRawHtml = True; 

<iframe src="https://www.elte.hu/"
height="768" width="1366" frameborder="20" scrolling="yes">
Alternative text for browsers that do not understand IFrames.
</iframe>

Speciális:IframePage

$wgIframePageSrc = array( 'YouTube' => 'http://www.youtube.com/embed/', 'Vimeo' => 'http://player.vimeo.com/video/' ); $wgIframePageAllowPath = true;

<include src="https://www.elte.hu" />

This is wikitext.

<html> This is HTML. </html>

{{#widget:Iframe |url=https://docs.google.com/present/embed?id=dcn37mcz_22cmnwnwf8 |width=410 |height=342 |border=0 }}

embed <script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script> /embed

iframe src="https://www.elte.hu"

embed <iframe class="" style="" frameborder="0" width="100%" height="300px" align="" scrolling="auto" src="http://snippets.wdfiles.com/local--code/code:iframe-embed#%3Ch1%3ETESZT%3C/h1%3E"></iframe> /embed

html <script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script> /html

$(function () { 

 $('#mw-mywiki-example').html('any HTML');

}());

{html}<a href="http://www.atlassian.com">Click here</a> to see the Atlassian website.{html}

<iframe width="560" height="315" src="http://www.youtube.com/embed/JOynRkYWFSM" frameborder="0" allowfullscreen></iframe>

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/-mcbsrAXlAg?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-mcbsrAXlAg?version=3&hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

A lap eredeti címe: „http://gis.inf.elte.hu/giswiki/index.php?title=Mapbox&oldid=299”