User:Dschwen

From Meta, a Wikimedia project coordination wiki
Jump to: navigation, search

WikiMiniAtlas Javascript Extension[edit]

WikiMiniAtlas in Aktion

My greatest pride is the WikiMiniAtlas Javascript plugin to embed GoogleMaps-like draggable maps in every geocoded Wikipedia article (see screenshot to the right).

The map features AJAX to display markers with WikiLinks to other geocoded articles. This means you can now browse Wikipedia spatially.

Apart from the simple outline map, you can browse Landsat imagery down to a sub 100m resolution. Or you can display daily updated satellite data to check weather conditions all over the globe (coverage may vary).

Every clickable coordinate is decorated with a blue globe icon Erioll world.svg which upon clicking reveals a map of the location. Check it out on en:List of impact craters on Earth.

span = ...;

bubble = $('

').css( { width: '150px', border: '1px solid #ddd', borderRadius: '8px', position: 'absolute', top: (span.height()+14)+'px', right: (span.width()-24)+'px', whiteSpace: 'normal', textAlign: 'left', padding: '0.25em 0.75em 0.25em 0.75em', fontSize: '90%', backgroundColor: '#f9f9f9', zIndex: 31, boxShadow: '4px 4px 10px rgba(0,0,0,0.2)' } ).text('Click the blue globe to open an interactive map.').append( $('').css({position: 'absolute', width: 0, height: 0, top: '-10px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight: '5px solid transparent', borderBottom: '10px solid #ddd'}) ).append( $('').css({position: 'absolute', width: 0, height: 0, top: '-9px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight: '5px solid transparent', borderBottom: '10px solid #f9f9f9'}) ).hide()

en:User:Dschwen fr:User:Dschwen eu:User:Dschwen ja:User:Dschwen pl:User:Dschwen pt:User:Dschwen