MediaWiki:Wikiminiatlas.js

// [[image:Erioll_world.svg|18px]] '''WikiMiniAtlas''' <br>
// Script to embed interactive maps into pages that have coordinate templates <br>
// also check my user page [[User:Dschwen]] for more tools<pre>
//
// Revision 14

jQuery(function() {
 var $ = jQuery,
 config = {
  width  : 600,
  height : 400,
  timeout : 5000,
  zoom : -1,
  quicklink : false,
  quicklinkurl : 'http://maps.google.com/maps?ll={latdegdec},{londegdec}&spn={span},{span}&q={latdegdec},{londegdec}',
  enabled : true,
  onlytitle : false,
  iframeurl : 'http://toolserver.org/~dschwen/wma/iframe.html',
  imgbase   : 'http://toolserver.org/~dschwen/wma/tiles/',
  buttonImage: 
'http://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Erioll_world.svg/18px-Erioll_world.svg.png'
 },
 strings = {
  buttonTooltip : {
   af:'Vertoon ligging op \'n interaktiwe kaart.',
   als:'Ort uf dr interaktivä Chartä zeigä',
   ar:'شاهد الموقع على الخريطة التفاعلية',
   'be-tarask':'паказаць месцазнаходжаньне на інтэрактыўнай мапе',
   'be-x-old':'паказаць месцазнаходжаньне на інтэрактыўнай мапе',
   bg:'покажи местоположението на интерактивната карта',
   bpy:'জীবন্ত মানচিত্রগর মা মাপাহান দেখাদিতই',
   br:'diskouez al lec\'hiadur war ur gartenn etrewezhiat',
   ca:'mostra la localització en un mapa interactiu',
   cs:'zobraz místo na interaktivní mapě',
   da:'vis beliggenhed på interaktivt kort',
   de:'Ort auf interaktiver Karte anzeigen',
   fa:'نمایش مکان در یک نقشه پویا',
   el:'εμφάνιση τοποθεσίας σε διαδραστικό χάρτη',
   en:'Show location on an interactive map',
   eo:'Montru lokigon sur interaktiva karto',
   eu:'erakutsi kokalekua mapa interaktibo batean',
   es:'mostrar el lugar en un mapa interactivo',
   fr:'Montrer la localisation sur une carte interactive',
   fur:'mostre la localizazion suntune mape interative',
   fy:'it plak op in oanpasbere kaart oanjaan',
   gl:'Amosar o lugar nun mapa interactivo',
   he:'הראה מיקום במפה האינטראקטיבית',
   hi:'सक्रिय नक्शे पर लोकेशन या स्थान दिखायें', 
   hr:'prikaži lokaciju na interaktivnom zemljovidu',
   hu:'Mutasd a helyet egy interaktív térképen!',
   hy:'ցուցադրել դիրքը ինտերակտիվ քարտեզի վրա',
   it:'mostra la località su una carta interattiva',
   is:'sýna staðsetningu á gagnvirku korti',
   id:'Tunjukkan letak di peta interaktif',
   ja:'インタラクティブ地図上に位置を表示',
   km:'បង្ហាញទីតាំងនៅលើផែនទីអន្តរកម្ម',
   ko:'인터랙티브 지도에 위치를 표시',
   lt:'Rodyti vietą interaktyviame žemėlapyje',
   mk:'прикажи положба на интерактивна карта',
   nl:'de locatie op een interactieve kaart tonen',
   no:'vis beliggenhet på interaktivt kart',
   nv:'kéyah tʼáá dah siʼą́ą́ ńtʼę́ę́ʼ beʼelyaaígíí',
   pl:'Pokaż lokalizację na mapie interaktywnej',
   pt:'mostrar a localidade num mapa interactivo',
   ro:'Arată locaţia pe o hartă interactivă',
   ru:'показать положение на интерактивной карте',
   sk:'zobraz miesto na interaktívnej mape',
   sl:'Prikaži lego na interaktivnem zemljevidu',
   sq:'trego vendndodhjen në hartë',
   fi:'näytä paikka interaktiivisella kartalla',
   sv:'visa platsen på en interaktiv karta',
   uk:'показати положення на інтерактивній карті',
   vi:'xem vị trí này trên bản đồ tương tác',
   vo:'Jonön topi su kaed itjäfidik',
   zh:'显示该地在地图上的位置',
   'zh-cn':'显示该地在地图上的位置',
   'zh-sg':'显示该地在地图上的位置',
   'zh-tw':'顯示該地在地圖上的位置',
   'zh-hk':'顯示該地在地圖上的位置'
  },
  close : {
   af:'Sluit',
   als:'Zuä machä',
   ar:'غلق',
   'be-tarask':'закрыць',
   'be-x-old':'закрыць',
   bg:'затвори',
   bpy:'জিপা',
   br:'serriñ',
   ca:'tanca',
   cs:'zavřít',
   da:'luk',
   de:'schließen',
   nv:'doo yishʼį́ nisin da',
   el:'έξοδος',
   en:'close',
   eo:'fermu', 
   eu:'itxi',
   es:'cerrar',
   fa:'بستن',
   fr:'Quitter',
   fur:'siere',
   fy:'ticht',
   gl:'pechar',
   he:'לסגור',
   hi:'बंद करें',
   hr:'zatvori',
   hu:'bezárás', 
   hy:'փակել',
   id:'tutup',
   is:'loka',
   it:'chiudi',
   ja:'閉じる',
   km:'បិទ',
   ko:'닫기',
   lt:'uždaryti',
   mk:'затвори',
   nl:'sluiten',
   no:'lukk',
   pl:'zamknij',
   pt:'fechar',
   ro:'închide',
   ru:'закрыть',
   sk:'zatvoriť',
   sl:'zapri',
   sq:'mbylle',
   fi:'sulje',
   sv:'stäng',
   uk:'закрити',
   vi:'đóng',
   vo:'färmükön',
   zh:'关闭',
   'zh-cn':'关闭',
   'zh-sg':'关闭',
   'zh-tw':'關閉',
   'zh-hk':'關閉'
  }
 },

 bodyc = null,

 language = '',
 site = '',
 iframe = { div: null, iframe: null, closebutton: null },

 coord_filter = /^([\d+-.]+)_([\d+-.]*)_?([\d+-.]*)_?([NS])_([\d+-.]+)_([\d+-.]*)_?([\d+-.]*)_?([EOW])/,
 coord_list = [],
 //region_index = 0,
 //coordinate_region = '',

 quicklinkbox = null,
 quicklinkdest = null;

 function hookUpMapbutton(mb)
 {
  var mapparam = mb.mapparam,
      mapy     = totalOffset( mb, 0 ) + 20;

  function doEvent()
  {
   toggleIFrame( mapparam, mapy );
   return true;
  }
  mb.onclick = doEvent;
 }

 // check if we are in a right-to-left-script project
 function isRTL() {
  return /(^|\s)rtl(\s|$)/.test(document.body.className);
 }

 // vertikale position auf der Seite bestimmen
 function totalOffset( obj, offset )
 {
  if( obj.offsetParent === null || obj.offsetParent.id === 'content' ) {
   return offset + obj.offsetTop;
  }
  else {
   return totalOffset(obj.offsetParent, offset + obj.offsetTop );
  }
 }

 // move iframe around and toggle visibility
 function toggleIFrame( mp, my )
 {
  var wi = iframe,
      newurl = config.iframeurl + '?' + mp;

  if( wi.div.style.visibility !== "visible" ||
    ( ( wi.iframe.src !== newurl ) && ( my !== undefined ) ) )
  {
   if( wi.iframe.src !== newurl )
   {
    wi.iframe.src = newurl;
   }
   wi.div.style.top = my + 'px';
   wi.div.style.visibility = "visible";
   wi.div.style.display = "block";
  }
  else
  {
   wi.div.style.visibility = "hidden";
   wi.div.style.display = "none";
  }
  return false;
 }

 // fill in the map-service templates 
 function qlURL( lat, lon, zoom )
 {
  var url  = config.quicklinkurl,
      span = Math.pow( 2.0, zoom) / 150.0;

  url = url.replace( /\{latdegdec\}/g, lat );
  url = url.replace( /\{londegdec\}/g, lon );
  url = url.replace( /\{span\}/g, span.toFixed(4) );

  return url;
 }

 function messageHub(e)
 {
  var i;
  e = e.originalEvent;
  if( e.data == 'request' ) {
   for( i = 0; i < coord_list.length; ++i ) {
    e.source.postMessage( coord_list[i].lat + ',' + coord_list[i].lon, 'http://toolserver.org' );
   }
  }  
 }

 // Insert the IFrame into the page.

 var wi = iframe,
     wc = config,
     ds_filter = /(dim|scale):([\d+-.]+)(km|)/,
     marker = { lat:0, lon:0 },
     link, links, coordinates,
     key, len, coord_title, coord_params, icons, startTime, zoomlevel, content, mapbutton;

 // apply settings
 if( typeof(wma_settings) === 'object' ) {
  for ( key in wma_settings) {
   if( typeof(wma_settings[key]) === typeof(wc[key]) ) {
    wc[key] = wma_settings[key];
   }
  }
 }

 if( wc.enabled === false ) { return; }

 site = window.location.host.substr( 0, window.location.host.indexOf('.') );
 language = wgUserLanguage;

 // remove icons from title coordinates
 coord_title = document.getElementById('coordinates') || document.getElementById('coordinates-title');
 if( coord_title ) {
  icons = coord_title.getElementsByTagName('a');
  len = icons.length;
  for( key = 0; key < len; key++ ) {
   if( typeof(icons[key]) === 'object' &&
       icons[key] !== null &&
       icons[key].className === 'image' ) {
    icons[key].parentNode.removeChild(icons[key]);
   }
  }
 }

 if( wc.onlytitle ) {
  bodyc = document.getElementById('coordinates') || document.getElementById('coordinates-title');
  if( bodyc === null ) { return; }
 }
 else {
  // the french and chinese moved their title coordinates outside of bodyContent!
  if( site === 'fr' || site === 'zh' ) {
    bodyc = document.getElementById('content') || document;
  } else {
    bodyc = document.getElementById('bodyContent') || document;
  }
 }

 startTime = (new Date()).getTime();

 links = bodyc.getElementsByTagName('a');
 len = links.length;
 for( key = 0; key < len; key++ )
 {
  link = links[key];

  // check for timeout (every 10 links only)
  if( key % 10 === 9 && (new Date()).getTime() > startTime + wc.timeout ) { break; }

  if( ( link.className !== 'external text' ) ||
      link.href.match(/_globe:(?!earth)/i) !== null ) { continue; }

  coordinates = link.href.replace( /−/g, '-' );
  coord_params = coordinates.match(/&params=([^&=<>|]{7,255})/);

  if(!coord_params) { continue; }
  coord_params = coord_params[1];
   
  if(!coord_filter.test(coord_params)) continue;
  coord_filter.exec(coord_params);
  marker.lat=(1.0*RegExp.$1) + ((RegExp.$2||0)/60.0) + ((RegExp.$3||0)/3600.0);
  if( RegExp.$4 === 'S' ) { marker.lat*=-1; }
  marker.lon=(1.0*RegExp.$5) + ((RegExp.$6||0)/60.0) + ((RegExp.$7||0)/3600.0);
  if( RegExp.$8 === 'W' ) { marker.lon*=-1; }

  // Find a sensible Zoom-level based on type
  zoomlevel = 1;
  if( coord_params.indexOf('_type:landmark') >= 0 ) {
   zoomlevel = 8;
  } else if( coord_params.indexOf('_type:city') >= 0 ) {
   zoomlevel = 4;
  }

  // If given use dim or scale for a zoomlevel
  if( ds_filter.test(coord_params) )
  {
   ds_filter.exec(coord_params);
   // wma shows dim approx 4e7m at zoom 0 or 1.5e8 is the scale of zoomlevel 0
   zoomlevel = (RegExp.$1 === 'dim' ?
    ( RegExp.$3 === 'km' ? Math.log( 4e4/RegExp.$2 ) : Math.log( 4e7/RegExp.$2 ) ) :
    Math.log( 1.5e8/RegExp.$2 ) ) / Math.log(2);
   if( zoomlevel > 10 ) { zoomlevel = 10; }
  }

  if( wc.zoom !== -1 ) { zoomlevel = wc.zoom; }

  // Test the unicode Symbol
  if( site === 'de' && link.parentNode.id !== 'coordinates' ) {
   mapbutton = document.createElement('SPAN');
   mapbutton.appendChild( document.createTextNode('♁') );
   mapbutton.style.color = 'blue';
  } else {
   mapbutton = document.createElement('img');
   mapbutton.src = wc.buttonImage;
  }
  mapbutton.title = strings.buttonTooltip[language] || strings.buttonTooltip.en;
  mapbutton.alt = '';
  if( isRTL() ) {
   mapbutton.style.padding = '0px 0px 0px 3px';
  } else {
   mapbutton.style.padding = '0px 3px 0px 0px';
  }
  mapbutton.style.cursor = 'pointer';
  mapbutton.className = 'noprint';
  mapbutton.mapparam =
   marker.lat + '_' + marker.lon + '_' +
   wc.width + '_' + wc.height + '_' +
   site + '_' + zoomlevel + '_' + language;

  // store coordinates
  coord_list.push( { lat: marker.lat, lon: marker.lon } );

  // link.parentNode.insertBefore(mapbutton, link.nextSibling);
  link.parentNode.insertBefore(mapbutton,link);
  hookUpMapbutton(mapbutton);

  if ( wc.quicklink ) {
   link.href = qlURL( marker.lat, marker.lon, zoomlevel );
   //link.onmouseover = qlStart;
   //link.onmouseout = qlStop;
  }

 } //for

 // prepare quicklink menu box
 if ( coordinates !== null && wc.quicklink ) {
  quicklinkbox = document.createElement('div');
  // more to come :-)
 }

 // prepare iframe to house the map
 if ( coordinates !== null ) {
  wi.div = document.createElement('div');
  wi.div.style.visibility = 'hidden';
  wi.div.style.display = 'none';
  wi.div.style.width = (wc.width+2)+'px';
  wi.div.style.height = (wc.height+2)+'px';
  wi.div.style.margin = '0px';
  wi.div.style.padding = '0px';
  wi.div.style.backgroundColor = 'white';
  wi.div.style.position = 'absolute';
  if( isRTL() ) {
   wi.div.style.left = '2em';
  } else {
   wi.div.style.right = '2em';
  }
  wi.div.style.top = '1em';
  wi.div.style.border = '1px solid gray';
  wi.div.style.zIndex = 13;

  wi.closebutton = document.createElement('img');
  wi.closebutton.title = strings.close[language] || strings.close.en;
   // was: config.imgbase + 'button_hide.png'
  wi.closebutton.src = 'http://upload.wikimedia.org/wikipedia/commons/d/d4/Button_hide.png';
  wi.closebutton.style.zIndex = 15;
  wi.closebutton.style.position = 'absolute';
  wi.closebutton.style.right = '11px';
  wi.closebutton.style.top = '9px';
  wi.closebutton.style.width = '18px';
  wi.closebutton.style.cursor = 'pointer';
  wi.closebutton.mapparam = '';

  wi.closebutton.onclick = toggleIFrame;

  wi.iframe = document.createElement('iframe');
  wi.iframe.scrolling = 'no';
  wi.iframe.frameBorder = '0';
  wi.iframe.style.zIndex = 14;
  wi.iframe.style.position = 'absolute';
  wi.iframe.style.right = '1px';
  wi.iframe.style.top = '1px';
  wi.iframe.style.width = (wc.width)+'px';
  wi.iframe.style.height = (wc.height)+'px';
  wi.iframe.style.margin = '0px';
  wi.iframe.style.padding = '0px';

  wi.div.appendChild(wi.iframe);
  wi.div.appendChild(wi.closebutton);

  content = document.getElementById('content') || document.getElementById('mw_content');
  if(content) { content.insertBefore(wi.div,content.childNodes[0]); }

  $(window).bind('message',messageHub);
 }

});

//</pre>