CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Jason Sudeikis: Genealogics</title> <meta name="Keywords" content="" /> <meta name="Description" content="Jason Sudeikis: Genealogics" /> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <link href="css/genstyle.css?v=14.0.2" rel="stylesheet" type="text/css" /> <link href="css/tngtabs2.css" rel="stylesheet" type="text/css" /> <link href="css/templatestyle.css?v=14.0.2" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" type="text/javascript" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script type="text/javascript" src="js/net.js"></script> <script type="text/javascript">var tnglitbox;</script> <script type="application/ld+json"> {"@type":"Person","@id":"getperson.php?personID=I00636352&tree=LEO","name":"Jason","familyName":"Sudeikis","birthPlace":"","birthDate":"0000-00-00","deathPlace":"","deathDate":"0000-00-00"} </script> <script type = 'text/javascript'> function togglednaicon() { if ($('.toggleicon2').attr('src').indexOf('desc') > 0) { $('.toggleicon2').attr('src',cmstngpath + 'img/tng_sort_asc.gif') $('.toggleicon2').attr('title', 'Collapse'); $('.dnatest').show(); } else { $('.toggleicon2').attr('src',cmstngpath + 'img/tng_sort_desc.gif') $('.toggleicon2').attr('title', 'Expand'); $('.dnatest').hide(); } } function show_dnatest() { $('.toggleicon2').attr('src',cmstngpath + 'img/tng_sort_asc.gif') $('.toggleicon2').attr('title', 'Collapse'); $('.dnatest').show(); } function hide_dnatest() { $('.toggleicon2').attr('src',cmstngpath + 'img/tng_sort_desc.gif') $('.toggleicon2').attr('title', 'Expand'); $('.dnatest').hide(); } </script><link href="css/mytngstyle.css?v=14.0.2" rel="stylesheet" type="text/css" /> <link href="css/ol.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/tngmenuhover2.js"></script> <script type="text/javascript"> // <![CDATA[ var tnglitbox; var share = 0; var closeimg = "img/tng_close.gif"; var smallimage_url = 'ajx_smallimage.php?'; var cmstngpath=''; var loadingmsg = 'Loading...'; var expand_msg = "Expand"; var collapse_msg = "Collapse"; //]]> </script> <link rel="alternate" type="application/rss+xml" title="RSS" href="tngrss.php" /> <meta name=robots content=noindex> <meta name=gigabot content=noindex> <meta name=robots content=noarchive> <meta name=gigabot content=noarchive> <meta name=robots content=nofollow> <meta name=gigabot content=nofollow> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td width="100%"> <p align="center"> <font face="Verdana" size="6" color="#0000FF">  Genealogics ~</font> <i><font face="Verdana" size="5" color="#FF0000"> Leo van de Pas</font></i> </font> <i><font face="Verdana" size="3" color="#008008">  continued by Ian Fettes & Leslie Mahler</font></i> </td> </tr> </table> <body background="back.jpg"><div class="menucontainer"> <div class="innercontainer"> <ul class="tngdd float-right" id="tngdd"> <li class="langmenu stubmenu"><br/></li> <li><a href="#" class="menulink">Find</a> <ul> <li><a href="surnames.php"><span class="menu-icon" id="surnames-icon"></span> <span class="menu-label">Surnames</span></a></li> <li><a href="firstnames.php"><span class="menu-icon" id="firstnames-icon"></span> <span class="menu-label">First Names</span></a></li> <li><a href="searchform.php"><span class="menu-icon" id="search-icon"></span> <span class="menu-label">Search People</span></a></li> <li><a href="famsearchform.php"><span class="menu-icon" id="fsearch-icon"></span> <span class="menu-label">Search Families</span></a></li> <li><a href="searchsite.php"><span class="menu-icon" id="searchsite-icon"></span> <span class="menu-label">Search Site</span></a></li> <li><a href="places.php"><span class="menu-icon" id="places-icon"></span> <span class="menu-label">Places</span></a></li> <li><a href="anniversaries.php"><span class="menu-icon" id="dates-icon"></span> <span class="menu-label">Dates</span></a></li> <li><a href="calendar.php?m=11"><span class="menu-icon" id="calendar-icon"></span> <span class="menu-label">Calendar</span></a></li> <li><a href="cemeteries.php"><span class="menu-icon" id="cemeteries-icon"></span> <span class="menu-label">Cemeteries</span></a></li> <li><a href="bookmarks.php"><span class="menu-icon" id="bookmarks-icon"></span> <span class="menu-label">Bookmarks</span></a></li> </ul> </li> <li><a href="#" class="menulink">Media</a> <ul> <li><a href="browsemedia.php?mediatypeID=documents"><span class="menu-icon" id="documents-icon"></span> <span class="menu-label">Documents</span></a></li> <li><a href="browsemedia.php?mediatypeID=headstones"><span class="menu-icon" id="headstones-icon"></span> <span class="menu-label">Headstones</span></a></li> <li><a href="browsemedia.php?mediatypeID=histories"><span class="menu-icon" id="histories-icon"></span> <span class="menu-label">Histories</span></a></li> <li><a href="browsemedia.php?mediatypeID=photos"><span class="menu-icon" id="photos-icon"></span> <span class="menu-label">Photos</span></a></li> <li><a href="browsemedia.php?mediatypeID=recordings"><span class="menu-icon" id="recordings-icon"></span> <span class="menu-label">Recordings</span></a></li> <li><a href="browsemedia.php?mediatypeID=videos"><span class="menu-icon" id="videos-icon"></span> <span class="menu-label">Videos</span></a></li> <li><a href="browsemedia.php?mediatypeID=bartrum"><img src="img/wales.jpg" class="menu-icon" alt="" /> <span class="menu-label">Bartrum Project</span></a></li> <li><a href="browsemedia.php?mediatypeID=heraldry"><img src="img/tng_heraldry.gif" class="menu-icon" alt="" /> <span class="menu-label">Heraldry</span></a></li> <li><a href="browsemedia.php?mediatypeID=maps"><img src="img/tng_sources.gif" class="menu-icon" alt="" /> <span class="menu-label">Historic Maps</span></a></li> <li><a href="browsemedia.php?mediatypeID=flags"><img src="img/flag.jpg" class="menu-icon" alt="" /> <span class="menu-label">Lived In Flags</span></a></li> <li><a href="browsemedia.php?mediatypeID=sources"><img src="img/tng_sources.gif" class="menu-icon" alt="" /> <span class="menu-label">Sources</span></a></li> <li><a href="browsemedia.php"><span class="menu-icon" id="media-icon"></span> <span class="menu-label">All Media</span></a></li> </ul> </li> <li><a href="#" class="menulink">Info</a> <ul class="last"> <li><a href="whatsnew.php"><span class="menu-icon" id="whatsnew-icon"></span> <span class="menu-label">What's New</span></a></li> <li><a href="mostwanted.php"><span class="menu-icon" id="mw-icon"></span> <span class="menu-label">Most Wanted</span></a></li> <li><a href="reports.php"><span class="menu-icon" id="reports-icon"></span> <span class="menu-label">Reports</span></a></li> <li><a href="statistics.php"><span class="menu-icon" id="stats-icon"></span> <span class="menu-label">Statistics</span></a></li> <li><a href="browsetrees.php"><span class="menu-icon" id="trees-icon"></span> <span class="menu-label">Trees</span></a></li> <li><a href="browsebranches.php"><span class="menu-icon" id="branches-icon"></span> <span class="menu-label">Branches</span></a></li> <li><a href="browsenotes.php"><span class="menu-icon" id="notes-icon"></span> <span class="menu-label">Notes</span></a></li> <li><a href="browsesources.php"><span class="menu-icon" id="sources-icon"></span> <span class="menu-label">Sources</span></a></li> <li><a href="browserepos.php"><span class="menu-icon" id="repos-icon"></span> <span class="menu-label">Repositories</span></a></li> <li><a href="browse_dna_tests.php"><span class="menu-icon" id="dna-icon"></span> <span class="menu-label">DNA Tests</span></a></li> <li><a href="suggest.php?page=Jason+Sudeikis"><span class="menu-icon" id="contact-icon"></span> <span class="menu-label">Contact Us</span></a></li> </ul> </li> </ul> <div class="icons"> <a href="index.php" title="Home" class="tngsmallicon" id="home-smicon">Home</a> <a href="searchform.php" onclick="return openSearch();" title="Search" class="tngsmallicon" id="search-smicon">Search</a> <a href="#" onclick="return openLogin('ajx_login.php?p=');" title="Login" class="tngsmallicon" id="log-smicon">Login</a>   </div> </div> </div> <div id="searchdrop" class="slidedown" style="display:none;"><a href="#" onclick="jQuery('#searchdrop').slideUp(200);return false;" style="float:right"><img src="img/tng_close.gif" alt=""/></a><span class="subhead"><strong>Search</strong> | <a href="searchform.php">Advanced Search</a> | <a href="advsearchform.php">Full Text Search | <a href="famsearchform.php">Search Families</a> | <a href="searchsite.php">Search Site</a></span><br/><br/><form action="search.php" method="get"> <label for="searchfirst">First Name: </label><input type="text" name="myfirstname" id="searchfirst"/>   <label for="searchlast">Last Name: </label><input type="text" name="mylastname" id="searchlast"/>   <label for="searchid">ID: </label><input type="text" class="veryshortfield" name="mypersonid" id="searchid"/>   <input type="hidden" name="idqualify" value="equals"/> <input type="submit" value="Search"/></form></div><div class="icons-rt"> <a href="#" onclick="newwindow=window.open('/getperson.php?personID=I00636352&tree=LEO&tngprint=1','tngprint','width=850,height=600,status=no,resizable=yes,scrollbars=yes'); newwindow.focus(); return false;" rel="nofollow" title="Print" class="tngsmallicon" id="print-smicon">Print</a> <a href="#" onclick="tnglitbox = new LITBox('ajx_addbookmark.php?p=',{width:350,height:100}); return false;" title="Bookmark" class="tngsmallicon" id="bmk-smicon">Bookmark</a> <form action="savelanguage2.php" method="get" name="tngmenu1"> <select name="newlanguage1" id="newlanguage1" style="font-size:9pt;" onchange="document.tngmenu1.submit();"><option value="22">српски/Serbian</option> <option value="17">Afrikaans</option> <option value="11">Cesky/Czech</option> <option value="10">Dansk/Danish</option> <option value="4">Deutsch/German</option> <option value="16">Ellinika/Greek</option> <option value="3" selected="selected">English</option> <option value="5">Espa帽ol/Spanish</option> <option value="1">Fran莽ais/French</option> <option value="19">Hrvatski/Croatian</option> <option value="12">Islenska/Icelandic</option> <option value="13">Italiano/Italian</option> <option value="2">Nederlands/Dutch</option> <option value="9">Norsk/Norwegian</option> <option value="20">Polski/Polish</option> <option value="6">Portugu锚s/Portuguese</option> <option value="21">Rom芒n/Romanian</option> <option value="18">Russian</option> <option value="7">Suomi/Finnish</option> <option value="8">Svenska/Swedish</option> </select> <input type="hidden" name="instance" value="1" /></form> </div> <script type="text/javascript">var tngdd=new tngdd.dd("tngdd");tngdd.init("tngdd","menuhover");</script> <div class="vcard"> <h1 class="header fn" id="nameheader" style="margin-bottom:5px">Jason Sudeikis<sup><span class="normal">[<a href="#cite1" onclick="$('citations').style.display = '';">1</a>]</span></sup></h1><span class="normal"><img src="img/tng_male.gif" width="11" height="11" alt="Male" style="vertical-align: -1px; border: 0px;"/></span><br /> <br clear="all" /><br /> <div id="tngmenu"> <ul id="tngnav"> <li><a id="a0" href="getperson.php?personID=I00636352&tree=LEO" class="here"><span class="tngsmallicon2" id="ind-smicon"></span>Individual</a></li> <li><a id="a1" href="pedigree.php?personID=I00636352&tree=LEO"><span class="tngsmallicon2" id="ped-smicon"></span>Ancestors</a></li> <li><a id="a2" href="descend.php?personID=I00636352&tree=LEO"><span class="tngsmallicon2" id="desc-smicon"></span>Descendants</a></li> <li><a id="a3" href="relateform.php?primaryID=I00636352&tree=LEO"><span class="tngsmallicon2" id="rel-smicon"></span>Relationship</a></li> <li><a id="a4" href="timeline.php?primaryID=I00636352&tree=LEO"><span class="tngsmallicon2" id="time-smicon"></span>Timeline</a></li> <li><a id="a5" href="familychart.php?personID=I00636352&tree=LEO"><span class="tngsmallicon2" id="fam-smicon"></span>Family</a></li> <li><a id="a6" href="suggest.php?enttype=I&ID=I00636352&tree=LEO"><span class="tngsmallicon2" id="sugg-smicon"></span>Suggest</a></li> </ul> </div> <div id="pub-innermenu" class="fieldnameback fieldname smaller rounded4"> <a href="#" class="lightlink" onclick="return infoToggle('info');" id="tng_plink">Personal Information</a>    |    <a href="#" class="lightlink" onclick="return infoToggle('citations');" id="tng_clink">Sources</a>    |    <a href="#" class="lightlink" onclick="return infoToggle('eventmap');" id="tng_glink">Event Map</a>    |    <a href="#" class="lightlink3" onclick="return infoToggle('all');" id="tng_alink">All</a>    |    <a href="#" class="lightlink" onclick="tnglitbox = new LITBox('rpt_pdfform.php?pdftype=ind&personID=I00636352&tree=LEO',{width:350,height:350});return false;">PDF</a> </div><br/> <script type="text/javascript" src="js/getperson.js"></script> <script type="text/javascript"> // Code added by Person Map mod var pm_first_time = 1; function pm_toggle(obj) { var clickhide = "Click to hide"; var clickdisplay = "Click to display"; if (obj.innerHTML == clickhide) { obj.innerHTML = clickdisplay; jQuery("tr.pm_table_row").attr("class", "pm_hidden_row"); jQuery("#pm_eventcol").attr("class", "pm_mapcol"); jQuery("a.pm_hidemap_icon").toggleClass("pm_hidemap_icon pm_showmap_icon"); } else { obj.innerHTML = clickhide; jQuery("tr.pm_hidden_row").attr("class", "pm_table_row"); jQuery("#pm_eventcol").attr("class", "mapcol"); jQuery("a.pm_showmap_icon").toggleClass("pm_hidemap_icon pm_showmap_icon"); var table = jQuery("li#eventmap > table"); switch (0) { case 3: $(window).scrollTop(Math.max(table.offset().top - 10, 0)); break; case 2: $(window).scrollTop(Math.max(table.offset().top - Math.max(($(window).height() - table.height()) / 2, 10), 0)); break; case 1: $(window).scrollTop(Math.max(table.offset().top - ($(window).height() - table.height()) + 10, 0)); } if (pm_first_time == 1) { displayMap(); pm_first_time = 0; } } return false; } // End of code added by Person Map mod function infoToggle(part) { if( part == "all" ) { jQuery('#info').show(); $('#citations').show(); $('#tng_clink').attr('class','lightlink'); $('#eventmap').show(); $('#tng_glink').attr('class','lightlink'); jQuery('#tng_alink').attr('class','lightlink3'); jQuery('#tng_plink').attr('class','lightlink'); } else { innerToggle(part,"info","tng_plink"); innerToggle(part,"citations","tng_clink"); innerToggle(part,"eventmap","tng_glink"); jQuery('#tng_alink').attr('class','lightlink'); } return false; } </script> <ul class="nopad"> <li id="info" style="list-style-type: none; "> <table cellspacing="1" cellpadding="4" class="whiteback tfixed normal"> <col class="labelcol"/><col class="eventdatecol"/><col /> <tr> <td valign="top" class="fieldnameback indleftcol lt3" id="info1"><span class="fieldname">Gender</span></td> <td valign="top" colspan="2" class="databack">Male </td></tr> <tr> <td valign="top" class="fieldnameback lt4" ><span class="fieldname">Lived In</span></td> <td valign="top" class="databack" colspan="2">USA&nbsp<img src="flags/united_statest.jpg" border="1" width="50" height="26" class="smallimg"/> <a href="placesearch.php?psearch=USA&tree=LEO" title="Find all individuals with events at this location"><img src="img/tng_search_small.gif" alt="Find all individuals with events at this location" style="width: 9px; height: 9px; border:0" /></a> </td> </tr> <tr> <td valign="top" class="fieldnameback lt7" ><span class="fieldname">Person ID</span></td> <td valign="top" class="databack">I00636352 </td> <td valign="top" class="databack"><a href="showtree.php?tree=LEO">Leo</a>&nbsp</td> </tr> <tr> <td valign="top" class="fieldnameback lt8" ><span class="fieldname">Last Modified</span></td> <td valign="top" colspan="2" class="databack">30 Oct 2013 </td></tr> </table> <br/> <table cellspacing="1" cellpadding="4" class="whiteback tfixed normal"> <col class="labelcol"/><col class="eventdatecol"/><col /> <tr> <td valign="top" class="fieldnameback indleftcol lt9" id="famF00275733_1"><span class="fieldname">Family</span></td> <td valign="top" colspan="2" class="databack"><a href="getperson.php?personID=I00636344&tree=LEO">Olivia Jane Wilde</a>,   <strong>b.</strong> 10 Mar 1984, New York <a href="placesearch.php?tree=LEO&psearch=New+York" title="Find all individuals with events at this location"><img src="img/tng_search_small.gif" class="placeimg" alt="Find all individuals with events at this location" style="width: 9px; height: 9px;" /></a> </td></tr> <tr> <td valign="top" class="fieldnameback lt10" ><span class="fieldname">Marriage</span></td> <td valign="top" class="databack" colspan='2'>2011 </td> </tr> <tr> <td valign="top" class="fieldnameback"><span class="fieldname">Notes </span></td> <td valign="top" class="databack" colspan="2"><div class="normal notearea"><ul class="normal"> <li>Partner. Sep: 2020 </li> </ul> </div></td> </tr> <tr> <td valign="top" class="fieldnameback"><span class="fieldname">Children </span></td> <td colspan="2" class="databack"> <table cellpadding = "0" cellspacing = "0" style="width: 100%"> <tr><td valign="top" width="10"> </td><td onmouseover="highlightChild(1,'I00742266');" onmouseout="highlightChild(0,'I00742266');" class="unhighlightedchild" id="childI00742266"><span class="normal">1. <a href="getperson.php?personID=I00742266&tree=LEO">Otis Alexander Sudeikis</a>,   <strong>b.</strong> 20 Apr 2014</span></td></tr> <tr><td valign="top" width="10"> </td><td onmouseover="highlightChild(1,'I00742267');" onmouseout="highlightChild(0,'I00742267');" class="unhighlightedchild" id="childI00742267"><span class="normal">2. <a href="getperson.php?personID=I00742267&tree=LEO">Daisy Josephine Sudeikis</a>,   <strong>b.</strong> 11 Oct 2016</span></td></tr> </table> </td> </tr> <tr> <td valign="top" class="fieldnameback lt12" ><span class="fieldname">Family ID</span></td> <td valign="top" class="databack">F00275733 </td> <td valign="top" class="databack"><a href="familygroup.php?familyID=F00275733&tree=LEO">Group Sheet</a>  |  <a href='familychart.php?familyID=F00275733&tree=LEO'>Family Chart</a>&nbsp</td> </tr> <tr> <td valign="top" class="fieldnameback lt13" ><span class="fieldname">Last Modified</span></td> <td valign="top" colspan="2" class="databack">30 Oct 2013 </td></tr> </table> <br /> </li>  <li id="citations" style="list-style-type: none; "> <table cellspacing="1" cellpadding="4" class="whiteback tfixed normal"> <col class="labelcol"/><col /> <tr> <td valign="top" class="fieldnameback indleftcol" id="citations1"><a name="sources"><span class="fieldname">Sources </span></a></td> <td valign="top" class="databack"><div class="notearea"><ol class="normal citeblock"><li class="normal"><a name="cite1"></a>[<a href="showsource.php?sourceID=S02828&tree=LEO">S02828</a>] ~Biogr. details drawn from Wikipedia .<br /> for Olivia Wilde <br /></li> </ol></div></td> </tr> </table> <br /> </li>  <li id="eventmap" style="list-style-type: none; "> <table cellspacing="1" cellpadding="4" class="whiteback tfixed normal"> <col class="labelcol"/><col id="pm_eventcol" class="pm_mapcol"/><col /> <tr valign="top"> <td rowspan="2" class="fieldnameback indleftcol" id="eventmap1"><span class="fieldname">Event Map</span></td> <td colspan="2" class="databack"><a class="nounderline pm_showmap_icon" onclick="return pm_toggle(this)" href="#">Click to display</a></td> </tr> <tr valign="top" class="pm_hidden_row"> <td class="databack"> <div style='position:relative; top:0px; left:0px; width:100%;'> <div id="map" class="rounded10" style="width: 100%; height: 400px;"></div> <div id='infodiv' style='position:absolute; top:0px; left:0px; background-color:white; display:none; border:1px solid #ccc; padding:8px; z-index:100;' class='mapballoon normal'></div> <div id='osmmapsat' style='position:absolute; top:6px; right:6px; z-index:50;' class='rounded4' onmouseover="this.style.backgroundColor='#eeeeee';" onmouseout="this.style.backgroundColor='#dddddd';"></div></div> </td> <td class="databack"><div style="height:380px;" id="mapevents"><table cellpadding="4" class="whiteback"> <tr valign="top"><td class="databack"><a href="https://maps.google.com/maps?f=q&hl=en&daddr=39.85388374694187,-101.337890625(USA)&z=4&om=1&iwloc=addr" target= "_blank"><img src="google_marker.php?image=155.png&text=1" alt="Link to Google Maps" border="0" width= "20" height="34" /></a></td><td class="databack"><span class="smaller"><strong>Lived In</strong> - - USA</span></td> <td class="databack" valign="middle"><a href="googleearthbylatlong.php?m=world&n=USA&lon=-101.337890625&lat=39.85388374694187&z=4" title="Download a .kml file to show this location in Google Earth"><img src="img/earth.gif" border="0" alt="Link to Google Earth" width="15" height="15" /></a></td></tr> </table></div> <table><tr><td><span class="smaller"><img src="img/earth.gif" border="0" alt="" width="15" height="15" align="left" /> = <a href="https://earth.google.com/" target="_blank" title="Click to download">Link to Google Earth</a> </span></td></tr></table> </td> </tr> <tr valign="top" class="pm_hidden_row"><td class="fieldnameback"><span class="fieldname">Pin Legend</span></td> <td colspan="2" class="databack"><span class="smaller"><img src="img/009.png" alt="" height="17" width="10" class="alignmiddle"/> : Address      <img src="img/023.png" alt="" height="17" width="10" class="alignmiddle"/> : Location      <img src="img/038.png" alt="" height="17" width="10" class="alignmiddle"/> : City/Town      <img src="img/074.png" alt="" height="17" width="10" class="alignmiddle"/> : County/Shire      <img src="img/122.png" alt="" height="17" width="10" class="alignmiddle"/> : State/Province      <img src="img/155.png" alt="" height="17" width="10" class="alignmiddle"/> : Country      <img src="img/006.png" alt="" height="17" width="10" class="aligntop"/> : Not Set</span></td> </tr> </table> <br /> </li>  </ul> </div> <br/> <a href="bot-trap/index.php"><img src="bot-trap/pixel.gif" border="0" alt=" " width="1" height="1"/></a> <div align="center"> <table border="1" cellpadding="2"> <tr> <td> <div align="center"><font size=2 color="#0000FF"> Genealogics site created August 2003. Comments, additions and corrections to these works in progress are welcomed. <br>most LEO database biographical notes copyright &copy Leo van de Pas 1990-2016.<br> Powered by <a href="https://lythgoes.net/genealogy/software.php">The Next Generation of Genealogy Sitebuilding</a> Copyright © Version 14.0.2 created by Darrin Lythgoe 2001-2023, Sandy, Utah. <br>Note: Genealogics is not responsible for the content of externally linked sites. All rights reserved. <a href="adaptations.php"><font size="2"> Adapted by Ian Fettes</font></a> </font></div> </td> <td> <div align="center"><font size=2 color="#0000ff">   Genealogics kindly   <br></font> <a href="https://www.st.net.au/index.html"><img src="hostedby.jpg" border="0"></a> </td></div> </tr> </table> </div> <a href="bot-trap/index.php"><img src="bot-trap/pixel.gif" border="0" alt=" " width="1" height="1"/></a> <script type="text/javascript" src="js/litbox.js"></script> <script type="text/JavaScript" src="js/ol.js"></script> <script type="text/javascript"> //<![CDATA[ //more setup needed here? var maploaded = false; var myEvent = ""; // Makes the selected event (click, dblclick etc) readable in my functions var myClickflag = false; // Prevents multiple zooms when clicking cluster var zoom = 2; var longlati = []; // This is an MM Edit option! var mapsrc = "OSM"; // ADDED in v7a var mapsrc2 = ""; // End added i v7a function ShowTheMap() { var srcurl = ""; var srcatt = ""; // ADDED in v7a // End Added in v7a switch (mapsrc) { case "OSMFR": srcurl = 'https://a.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png'; srcatt = '© Openstreetmap France | © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'; break; case "EWSM": srcurl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}'; srcatt = 'Tiles © Esri — Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'; break; case "EWTM": srcurl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}'; srcatt = 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'; break; case "TOPO": srcurl = 'https://tile.opentopomap.org/{z}/{x}/{y}.png'; srcatt = 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'; break; case "SURF": srcurl = 'https://korona.geog.uni-heidelberg.de/tiles/roads/x={x}&y={y}&z={z}'; srcatt = 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> — Map data © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'; break; case "HYDDA": srcurl = 'https://tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png'; srcatt = 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'; break; case "MTB": srcurl = 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png'; srcatt = '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> & USGS'; break; case "WIKI": srcurl = 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png'; srcatt = '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>'; break; case "SAT": srcurl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'; srcatt = 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'; break; } if (maploaded) { zoom = map.getView().getZoom(); longlati = ol.proj.transform(map.getView().getCenter(), 'EPSG:3857', 'EPSG:4326'); } else { if (0 == 0 && 0 == 0) zoom = 4; longlati[0] = -101.337890625; longlati[1] = 39.853883746942; } document.getElementById("map").innerHTML = ""; // This is the scale in LL corner var scaleLineControl = new ol.control.ScaleLine(); scaleLineControl.setUnits("metric"); var contentString, icon; var placeOSM = []; var placeStyle = []; var lon = -101.337890625; var lat = 39.85388374694187; placeOSM[1] = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])), id: 1, name: '<div class="mapballoon normal" style="margin-top:10px"><strong>USA</strong><br /><br />Lived In: <br /><br /><a href="https://maps.google.com/maps?f=q&hl=en&daddr=39.85388374694187,-101.337890625(USA)&z=4&om=1&iwloc=addr" target="_blank">Click to get directions</a> to USA</div>' }); placeStyle[1] = new ol.style.Style({ image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({ anchor: [10, 34], anchorXUnits: 'pixels', anchorYUnits: 'pixels', src: 'google_marker.php?image=155.png&text=1' })) }); placeOSM[1].setStyle(placeStyle[1]); var vectorSource = new ol.source.Vector({ features: [placeOSM[1]] }); var vectorLayer = new ol.layer.Vector({ source: vectorSource }); if (mapsrc == "OSM") { var rasterLayer = new ol.layer.Tile({ source: new ol.source.OSM() }); } else { var rasterLayer = new ol.layer.Tile({ source: new ol.source.XYZ({ url: srcurl, attributions: srcatt }) }); } if (!maploaded) zoom = 4; if (!maploaded && zoom > 16) zoom = 16; // The INTERACTIONS below is the added Mouse-Wheel Zoom map = new ol.Map({ interactions: ol.interaction.defaults({mouseWheelZoom:false}), controls: ol.control.defaults({ attributionOptions: { collapsible: false } }).extend([ scaleLineControl ]), layers: [rasterLayer, vectorLayer], target: document.getElementById('map'), view: new ol.View({ center: ol.proj.fromLonLat([longlati[0], longlati[1]]), zoom: zoom }) }); // Below: My question got this reply here // https://stackoverflow.com/questions/50773076/automatic-zoom-depending-on-extreme-points if (!maploaded && 1 > 1) { map.getView().fit(vectorSource.getExtent(), {padding:[40, 16, 32, 40], maxZoom:4} ); } map.on('singleclick', function(event) { map.forEachFeatureAtPixel(event.pixel, function(feature,layer) { d = document.getElementById('infodiv'); x = event.pixel[1]; y = event.pixel[0]; d.innerHTML = "<div style='position:absolute; top:0px; right:0px; z-index:101; font-size:16px; padding:4px; cursor:pointer; line-height:12px' onclick=\"document.getElementById('infodiv').style.display='none';\"><b>x </b></div>" + feature.get('name'); d.style.top = x + "px"; d.style.left = y + "px"; d.style.display = "block"; event.preventDefault(); }); }); // The following code was found here: // https://stackoverflow.com/questions/26022029/how-to-change-the-cursor-on-hover-in-openlayers-3 // It's the only one I found that is actually working with the above examplecode... // I also added that the default cursor is "grab" and while dragging the map it's "grabbing". var cursorHoverStyle = "pointer"; var target = map.getTarget(); //target returned might be the DOM element or the ID of this element dependeing on how the map was initialized //either way get a jQuery object for it var jTarget = typeof target === "string" ? $("#"+target) : $(target); map.on("pointermove", function (event) { if (event.dragging) { document.getElementById('map').style.cursor = 'grabbing'; return; } var mouseCoordInMapPixels = [event.originalEvent.offsetX, event.originalEvent.offsetY]; //detect feature at mouse coords var hit = map.forEachFeatureAtPixel(mouseCoordInMapPixels, function (feature, layer) { return true; }); if (hit) { jTarget.css("cursor", cursorHoverStyle); } else { jTarget.css("cursor", "grab"); } event.preventDefault(); // avoid bubbling }); maploaded = true; document.getElementById('osmmapsat').style.padding="4px 4px 4px 4px"; document.getElementById('osmmapsat').style.backgroundColor="#dddddd"; // CHANGED in v7a if ("OSM" == "SAT") { document.getElementById('osmmapsat').innerHTML = "<img src='img/osmmap.gif' alt='' title='Map' style='cursor:pointer; margin-right:2px;' class='rounded4' onclick=\"mapsrc=''; ShowTheMap();\"/><img src='img/osmsatel.gif' alt='' title='Satellite' style='cursor:pointer;' class='rounded4' onclick=\"mapsrc='SAT'; ShowTheMap();\"/>"; } else { document.getElementById('osmmapsat').innerHTML = "<img src='img/osmmap.gif' alt='' title='Map' style='cursor:pointer; margin-right:2px;' class='rounded4' onclick=\"mapsrc='OSM'; ShowTheMap();\"/><img src='img/osmsatel.gif' alt='' title='Satellite' style='cursor:pointer;' class='rounded4' onclick=\"mapsrc='SAT'; ShowTheMap();\"/>"; } // End changed i v7a } function displayMap() { if (jQuery('#map').length) { ShowTheMap(); } } //]]> </script> </body> </html>