UMapper: أداة سهلة لإنشاء خرائط للصحفيين

بقلم IJNet

إن كنت بحاجة لإنشاء خريطة سريعة لمدونتك، فجرب استخدم UMapper.

يتيح هذا التطبيق الصغير إمكانية إنشاء خرائط فلاش وتخصيصها وإدراجها في موقعك أو على الشبكات الاجتماعية.

تم تأسيس UMapper في عام 2007، وهو يستخدم خرائط من عدة مصادر بما فيها خرائط بينج، وغوغل، وياهو وغيرها. يمكن تخصيص العلامات ويمكنك أيضاً إضافة مقاطع الصوت والصور الخاصة بك على الخريطة.

بفضل قوالب محددة مسبقاً، يمكنك إنشاء خرائط طقس سريعة أوعرض تحديثات تويتر جغرافياً.

عبر حساب مجاني من UMapper، يمكنك إنشاء عدد غير محدود من الخرائط العامة والخاصة للاستخدام الشخصي واستخدام الاحصاءات. عليك استخدام النسخة المدفوعة إن كان استخدامك تجارياً.

يعتبر مشروع UMapper في مرحلة تجريبية حالياً معتمداً تطبيق فلاش لكن ذلك قد يتغير. وقالت راشيل غرينبرغ، مدير مشروع UMapper، عبر البريد الإلكتروني بأن: "تطبيق الفلاش يميل أكثر وأكثر ليصبح غير معتمد في مجال الخرائط، لذلك تبحث الشركة عن بدائل عديدة من بينها HTML5".

تستعمل عدد من وكالات الأنباء هذا التطبيق وهنا بعض الأمثلة عن أعمالهم :

ناشيونال جيوغرافيك خريطة الكوكب الأزرق.

http://kenanaonline.com/shreetalahdas </ifram </p> </div> <div class="tool-box clr"> <div id="star-ratings-block-359599" class="star-ratings-block"> <ul class='star-rating'> <li class='current-rating' style='width:0px;'> Currently 0/5 Stars. </li> <li> <a class="one-stars star_link" href="#" onclick="new Ajax.Request('http://kenanaonline.com/rate/Post/359599/1', {asynchronous:true, evalScripts:true}); return false;" title="مقبول">1</a> <a class="two-stars star_link" href="#" onclick="new Ajax.Request('http://kenanaonline.com/rate/Post/359599/2', {asynchronous:true, evalScripts:true}); return false;" title="متوسط">2</a> <a class="three-stars star_link" href="#" onclick="new Ajax.Request('http://kenanaonline.com/rate/Post/359599/3', {asynchronous:true, evalScripts:true}); return false;" title="جيد">3</a> <a class="four-stars star_link" href="#" onclick="new Ajax.Request('http://kenanaonline.com/rate/Post/359599/4', {asynchronous:true, evalScripts:true}); return false;" title="جيد جدا">4</a> <a class="five-stars star_link" href="#" onclick="new Ajax.Request('http://kenanaonline.com/rate/Post/359599/5', {asynchronous:true, evalScripts:true}); return false;" title="ممتاز">5</a> </li> </ul> <span class="stars-line"> 0 تصويتات / 65 مشاهدة </span><br/> </div> <div class="page-date"> <div> نشرت فى 17 ديسمبر 2011 بواسطة <a href="//kenanaonline.com/shreetalahdas">shreetalahdas</a> </div> <div class="tagging_box"> <div id="tags" style="display:none"></div> </div> </div> </div> <div style="padding:5px 0px 0px 0px;height:22px;"> <fb:like href="http://kenanaonline.com/users/shreetalahdas/posts/359599" show_faces="true" width="330" send="true"></fb:like> <div style="padding:0px 0px 0px 0px;float:right"> <a href="http://twitter.com/home?status=UMapper:%20%D8%A3%D8%AF%D8%A7%D8%A9%20%D8%B3%D9%87%D9%84%D8%A9%20%D9%84%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D8%AE%D8%B1%D8%A7%D8%A6%D8%B7%20%D9%84%D9%84%D8%B5%D8%AD%D9%81%D9%8A%D9%8A%D9%86%20 http://kenanaonline.com/posts/359599" style="background-color: #ECEEF5;border:1px solid #CAD4E7;border-radius:3px;margin:0px 5px 0px 0px;float:right;padding:2px;font:normal normal 9pt tahoma;" title="شارك على تويتر"><img alt="Twitter_18x18" src="http://kenanaonline.com/gfx/twitter_18x18.png?1621429841" /></a> <a href="http://facebook.com/share.php?t=UMapper:%20%D8%A3%D8%AF%D8%A7%D8%A9%20%D8%B3%D9%87%D9%84%D8%A9%20%D9%84%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D8%AE%D8%B1%D8%A7%D8%A6%D8%B7%20%D9%84%D9%84%D8%B5%D8%AD%D9%81%D9%8A%D9%8A%D9%86%20&u=http://kenanaonline.com/users/shreetalahdas/posts/359599" style="background-color: #ECEEF5;border:1px solid #CAD4E7;border-radius:3px;margin:0px 5px 0px 5px;float:right;padding:2px;font:normal normal 9pt tahoma;" title="شارك على الفيسبوك"><img alt="Facebook_18x18" src="http://kenanaonline.com/gfx/facebook_18x18.png?1621429841" /></a> <a href="#" onclick="if (confirm('احفظ على موقعك')) { new Ajax.Request('http://kenanaonline.com/republish/Post/359599', {asynchronous:true, evalScripts:true}); }; return false;" style="background-color: #ECEEF5;border:1px solid #CAD4E7;border-radius:3px;margin:0px 0px 0px 5px;float:right;padding:3px 4px 4px 4px;font:normal normal 9pt tahoma;" title="احفظ على موقعك">احفظ</a> </div> </div> <div style="margin:10px 0px 0px 0px;"> <fb:comments href="http://kenanaonline.com/users/shreetalahdas/posts/359599" num_posts="5" width="460"></fb:comments> </div> </div> </div> </div> </div> </div> </div> <div id="right-side"> <div id="blog-profile-box" class="box clr" > <div class="box_top"> <div class="box_bottom"> <h4 style=""><span>shreetalahdas</span></h4> <div class="box-content "> <div class="inner"> <div class="profile-box"> <div class="profile-photo"> <div class="avatar " id="94629_avatar"> <span class="shc"></span> <a href="//kenanaonline.com/shreetalahdas" title="shreetalahdas" class="ln" ><img src="/gfx/avatar.gif" alt="shreetalahdas" class="small thumb"/></a> </div> </div> <div class="profile-blurb"> <a href="http://kenanaonline.com/users/shreetalahdas/aboutus">»</a> </div> </div> </div> </div> </div> </div> </div> <style type="text/css" media="screen"> ul.mlist {list-style:none;margin:0px;padding:0px;} ul.mlist li { list-style:none;border:0px; margin:0px;padding:0px;} ul.mlist li a {display:block;border-bottom:1px dotted #ccc;padding:5px 10px;font:normal normal 9pt Tahoma;} ul.mlist li a:hover {background:#F0F0F0;color:#d00;} </style> <div class="box clr" > <div class="box_top"> <div class="box_bottom"> <h4 style=""><span>أقسام الموقع</span></h4> <div class="box-content "> <div class="inner"> <ul class="mlist"> <li><a href="http://kenanaonline.com/users/shreetalahdas/topics/103318">ذوى الاحتياجات الخاصه</a> </li> <li><a href="http://kenanaonline.com/users/shreetalahdas/topics/102458">اقتصاد</a> </li> <li><a href="http://kenanaonline.com/users/shreetalahdas/topics/102459">صحافه اليكترونيه</a> </li> <li><a href="http://kenanaonline.com/users/shreetalahdas/topics/102455">منوعات</a> </li> <li><a href="http://kenanaonline.com/users/shreetalahdas/topics/102439">الاخبار</a> </li> </ul> </div> </div> </div> </div> </div> <div class="box clr" > <div class="box_top"> <div class="box_bottom"> <h4 style=""><span>ابحث</span></h4> <div class="box-content "> <div class="inner"> <script> (function() { var cx = '000499370046776525046:trzwvd8pinq'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <gcse:search></gcse:search> </div> </div> </div> </div> </div> <style> table.gsc-search-box > tbody > tr { display:flex; flex-flow:row wrap;} table.gsc-search-box td.gsc-input { flex-basis:100%; padding:0px;} table.gsc-search-box td.gsc-search-button {flex-basis:100%;padding:0px;text-align:center;} table.gsc-search-box td.gsc-search-button button {width:50%;margin:10px 0px;} </style> <div id="login-box"> <div class="box clr" > <div class="box_top"> <div class="box_bottom"> <h4 style=""><span>تسجيل الدخول</span></h4> <div class="box-content "> <div class="inner"> <form action="http://kenanaonline.com/sessions" method="post"> <label>اسم الدخول</label> <div><input class="text_field" dir="ltr" id="user_email" name="user[email]" size="30" type="text" value="" /></div> <label>كلمة المرور</label> <div><input class="text_field" dir="ltr" id="user_password" name="user[password]" size="30" type="password" value="" /></div> <input id="login_box" name="login_box" type="hidden" value="1" /> <input id="return_url" name="return_url" type="hidden" value="//kenanaonline.com/users/shreetalahdas/posts/359599" /> <div class="alone"><input id="sign_in" name="commit" type="submit" value="دخول الأعضاء" /></div> <div class="note">» <a href="http://kenanaonline.com/create_a_free_website">غير مشترك؟ احصل على موقع مجاني الآن!</a> </div> <div class="note">» <a href="http://kenanaonline.com/sendpassword">هل نسيت كلمة المرور؟</a></div> </form> </div> </div> </div> </div> </div> </div> <div class="visits-counter"> <p>عدد زيارات الموقع</p> <div class="visits"> 143,501 </div> </div> </div> </div> <div id="side"> <div id="side_preview"> </div> <div id="inner_side"> <div id="featured_photos"> <script> new Ajax.Request('/users/shreetalahdas/photos?stamp=1331889093', {asynchronous:true, evalScripts:true, method:'get', onLoaded:function(request){Event.addBehavior.reload();$$('a.summary-tip').each(function(element){mktooltip(element)});}, parameters:'featured=1&title=%D8%A7%D9%84%D8%B5%D9%88%D8%B1%20%D8%A7%D9%84%D9%85%D8%AE%D8%AA%D8%A7%D8%B1%D8%A9&per_page=10&listview=stg&container=featured_photos'}) </script> </div> <div id="featured_posts"> <script> new Ajax.Request('/users/shreetalahdas/posts?stamp=1703968222', {asynchronous:true, evalScripts:true, method:'get', onLoaded:function(request){Event.addBehavior.reload();$$('a.summary-tip').each(function(element){mktooltip(element)});}, parameters:'featured=1&title=%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA%20%D9%85%D8%AE%D8%AA%D8%A7%D8%B1%D8%A9&per_page=10&listview=stl&container=featured_posts'}) </script> </div> <div id="featured_links"> <script> new Ajax.Request('/users/shreetalahdas/links?stamp=1323010871', {asynchronous:true, evalScripts:true, method:'get', onLoaded:function(request){Event.addBehavior.reload();$$('a.summary-tip').each(function(element){mktooltip(element)});}, parameters:'featured=1&title=%D8%A3%D8%AD%D8%AF%D8%AB%20%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7%20%D8%A7%D9%84%D9%85%D8%AE%D8%AA%D8%A7%D8%B1%D8%A9&per_page=10&listview=sbl&container=featured_links'}) </script> </div> <div id="featured_downloads"> <script> new Ajax.Request('/users/shreetalahdas/downloads?stamp=1323196745', {asynchronous:true, evalScripts:true, method:'get', onLoaded:function(request){Event.addBehavior.reload();$$('a.summary-tip').each(function(element){mktooltip(element)});}, parameters:'featured=1&title=%D8%A7%D9%84%D8%AA%D8%AD%D9%85%D9%8A%D9%84%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D8%AE%D8%AA%D8%A7%D8%B1%D8%A9&per_page=10&listview=sbl&container=featured_downloads'}) </script> </div> </div> </div> <div id="page-footer"> <div class="inner-footer clear"> جريدة شريط الاحداث الاليكترونيه2012/ كنانه اون لاين/ جميع حقوق النشر محفوظه </div> </div> </div> </div> </div> </div> <script type="text/javascript" charset="utf-8"> // <![CDATA[ function make_same_heights(){ var sameheights = $$('.sameheights'); sameheights.each(function(n){ var columns = n.select('.sameheight'); var max_height = 0; columns.each(function(m){ if( m.getHeight() > max_height ){ max_height = m.getHeight(); } }); columns.each(function(b){ b.setStyle({ height: max_height + 'px' }); }); }); } function open_registration_form(a){ Lightview.show({ href: 'http://kenanaonline.com/register_with_facebook', rel: 'iframe', title: 'Facebook Registration', options: { width: 630, height: 540, overflow: 'hidden' } }); } function user_tooltip_template(){ s = '<div class="utt utt_#{id}">'; s += '<span class="close"></span>'; s += '<span class="bh"></span>'; s += '<img class="uttimg" src="#{avatar_uri}"/>'; s += '<div class="inpad">'; s += '<h5><a class="go" href="#{full_url}">#{get_site_title}</a></h5>'; s += '<p class="username"><a class="remote_list" href="/users/#{login}/posts">#{login}</a></p>'; s += '<p class="slogon">#{site_slogon}</p>'; s += '<a class="toggle_follow btn #{following_status}" href="/followees/#{id}/toggle"><span>موقع مفضل</span></a>'; s += '</div>'; s += '</div>'; return s; } function edit_photo(photo_id, photo_path){ $('attached_photos_list').hide(); $('attached_photos_edit').show(); html = '<ul>'; html += '<li style="list-style:none;margin:2px 0px;clear:both;"><div style="width:10px;height:10px;background:#aaa url(\'' + photo_path.gsub("large", "square") + '\');float:right;margin:5px 10px 0px 5px;"></div><a href="javascript:void(0);" onclick="insphoto(\'' + photo_path.gsub("large","small") + '\')">ادخل الصورة بالحجم الصغير</a></li>'; html += '<li style="list-style:none;margin:2px 0px;clear:both;"><div style="width:15px;height:15px;background:#aaa url(\'' + photo_path.gsub("large", "square") + '\');float:right;margin:0px 5px 0px 5px;"></div><a href="javascript:void(0);" onclick="insphoto(\'' + photo_path.gsub("large","medium") + '\')">ادخل الصورة بالحجم الوسط</a></li>'; html += '<li style="list-style:none;margin:2px 0px;clear:both;"><div style="width:20px;height:20px;background:#aaa url(\'' + photo_path.gsub("large", "square") + '\');float:right;margin:0px 0px 0px 5px;"></div><a href="javascript:void(0);" onclick="insphoto(\'' + photo_path + '\')">ادخل الصورة بالحجم الكبير</a></li>'; html += '</ul>'; html += '<a onclick="if (confirm(\'متأكد هل تريد الحذف\')) { new Ajax.Request(\'/photos/' + photo_id + '/delete\', {asynchronous:true, evalScripts:true, method:\'delete\', onSuccess:function(request){new Effect.Fade(\'attached_photo_1238033030\',{});}}); }; return false;" class="btn delete" href="#">حذف</a>'; html += '<a class="btn" style="background:#eee;color:#00A;" href="javascript:void(0);" onclick="javascript:new Ajax.Request(\'/photos/' + photo_id + '/default\', {asynchronous:true, evalScripts:true});">الصورة الرئيسية</a> '; html += '<a class="btn" style="background:#eee;color:#00A;" href="javascript:void(0);" onclick="javascript:new Ajax.Request(\'/photos/' + photo_id + '/gallery\', {asynchronous:true, evalScripts:true});">تظهر فى معرض الصور</a> '; html += '<a class="btn" style="background:#eee;color:#00A;" href="javascript:void(0);" onclick="$(\'attached_photos_edit\').hide();$(\'attached_photos_list\').show();">رجوع</a> '; $('attached_photos_edit').update(html); } function comment_form(target_id, item_type, item_id) { $$('Div.comment_form').invoke("remove"); dom_id = item_type + "_" + item_id ; parent_target = target_id ? "comment_" + target_id : "new_comment_" + dom_id if(!$('current_user')){ html = '<div id="comment_form_' + dom_id + '" class="comment_form" style="display:none;text-align:center;">'; html += '<h3> يجب الدخول أولا. <a href="http://kenanaonline.com/login" class="remote" style="text-decoration:underline;">دخول الأعضاء</a></h3>'; html += '<a href="http://kenanaonline.com/create_a_free_website">غير مشترك؟ احصل على موقع مجاني الآن!</a><br>'; //html += '<a href="#" onclick="open_registration_form(this); return false;">signup_with_facebook</a>'; $(parent_target).insert({after: html}) new Effect.Appear($('comment_form_' + dom_id), {duration: 0.4}); Event.addBehavior.reload(); } else{ add_comment_url = '/comment/' + item_type + '/' + item_id html = '<div id="comment_form_' + dom_id + '" class="comment_form" style="display:none;">' html += '<form onsubmit="sb=$(\'submit_' + dom_id + '\');sb.disabled=true;sb.value=\'جارى الإراسل\';new Ajax.Request(add_comment_url, {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;" method="post" action="' + add_comment_url + '">' html += '<textarea id="add_comment_area_' + dom_id + '" class="add_comment_area" sonblur="if(this.value.length==0){remove_comment_form();}" name="body"></textarea>' html += target_id ? '<div><input type="hidden" name="parent" value="' + target_id + '"/></div>' : '' if(null && item_type.match(/user/i) && target_id==null){ html += '<a href="#" class="private on"><input type="radio" checked value="1" name="is_private"><span>رسالة خاصة</span></a>'; html += '<a href="#" class="private"><input type="radio" value="0" name="is_private"><span>رسالة عامة</span></a>'; } html += '<div class="form-buttons"><input id="submit_' + dom_id + '" class="zr do mrg5 lt" type="submit" value="شارك"/> <div class="zr mrg5 lt cancel"><a href="#" onclick="remove_comment_form();return false;" >رجوع</a></div></div>' html += '</form></div>'; if($("comment_form_" + dom_id)) $("comment_form_" + dom_id).remove(); $$('Div.share_your_opinion').invoke("hide"); $(parent_target).insert({after: html}) new Effect.SlideDown($('comment_form_' + dom_id), {duration: 0.4}); setTimeout(function(){ $('add_comment_area_' + dom_id).focus(); Event.addBehavior.reload(); }, 1200) } } Event.addBehavior.reassignAfterAjax = true // ]]> </script> <script type="text/javascript"> Event.observe(document, 'keypress', function(event){ if(event.keyCode == Event.KEY_ESC){ event.stop(); show_homepage();} }) load_page_from_hash(); AudioPlayer.setup("http://kenanaonline.com/javascripts/player.swf", { width: "100%", animation: "no", autostart: "yes", initialvolume: "100", rightbg: "000099", righticon: "FFFFFF", rightbghover: "990000", noinfo: "yes" }); //document.observe("dom:loaded", document.observe("dom:loaded", function() { setInterval(function(){ the_hash = window.location.hash; the_hash = the_hash.gsub("#",""); if( (the_hash.match(/none/i) || the_hash=='') && $('preview').style.display=='') { show_homepage() }; if( the_hash!='' && !the_hash.match(/none/i) && the_hash != backurls['current'] && the_hash==backurls['last']) { backurls['last'] = backurls['current']; backurls['current'] = the_hash; load_page(the_hash); } }, 500); if (user_key && user_login) { new Ajax.Request("/dykm", { method: 'post', evalScripts:false, asynchronous:true, parameters: {u: user_login, k: user_key}, onSuccess: function(){ if(return_url!=null && return_url.match(/^http:/)){ window.location.href = return_url } }}); } make_same_heights(); show_owner_link(); make_repos(); make_resize(); }); //window.onBeforeUnload = function() { preview_hash_url(); } </script> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { if(FB){ //FB.init({appId: '104283852993105', status: true, cookie: true, xfbml: true}); FB.init({status: true, cookie: true, xfbml: true}); //FB.Canvas.setAutoResize(); FB.Event.subscribe('comment.create', function(response) { }); FB.Event.subscribe('comment.remove', function(response) { }); } }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-264566-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>