User:Dschwen

From Wikimedia Usability Initiative

WikiMiniAtlas Javascript Extension

WikiMiniAtlas in Aktion

Among other things I work on 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 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