CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>John de Vere, 7th Earl of Oxford : Genealogics</title> <meta name="Keywords" content="" /> <meta name="Description" content="John de Vere, 7th Earl of Oxford : 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=I00109430&tree=LEO","name":"John","familyName":"de Vere","birthPlace":"","birthDate":"1312-03-12","deathPlace":"Reims (in battle)","deathDate":"1360-01-23"} </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=John+de+Vere%2C+7th+Earl+of+Oxford++++++++++++++++++++++++++++++++++++++++++++++++++++"><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=I00109430&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">John de Vere<br> 7th Earl of Oxford <sup><span class="normal">[<a href="#cite1" onclick="$('citations').style.display = '';">1</a>, <a href="#cite2" onclick="$('citations').style.display = '';">2</a>, <a href="#cite3" onclick="$('citations').style.display = '';">3</a>, <a href="#cite4" onclick="$('citations').style.display = '';">4</a>, <a href="#cite5" onclick="$('citations').style.display = '';">5</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;"/> Abt 1312 - Abt 1360  (~ 47 years)</span><br /> <br clear="all" /><br /> <div id="tngmenu"> <ul id="tngnav"> <li><a id="a0" href="getperson.php?personID=I00109430&tree=LEO" class="here"><span class="tngsmallicon2" id="ind-smicon"></span>Individual</a></li> <li><a id="a1" href="pedigree.php?personID=I00109430&tree=LEO"><span class="tngsmallicon2" id="ped-smicon"></span>Ancestors</a></li> <li><a id="a2" href="descend.php?personID=I00109430&tree=LEO"><span class="tngsmallicon2" id="desc-smicon"></span>Descendants</a></li> <li><a id="a3" href="relateform.php?primaryID=I00109430&tree=LEO"><span class="tngsmallicon2" id="rel-smicon"></span>Relationship</a></li> <li><a id="a4" href="timeline.php?primaryID=I00109430&tree=LEO"><span class="tngsmallicon2" id="time-smicon"></span>Timeline</a></li> <li><a id="a5" href="familychart.php?personID=I00109430&tree=LEO"><span class="tngsmallicon2" id="fam-smicon"></span>Family</a></li> <li><a id="a6" href="suggest.php?enttype=I&ID=I00109430&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=I00109430&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 lt1" id="info1"><span class="fieldname">Birth</span></td> <td valign="top" class="databack" colspan='2'>Abt 12 Mar 1312 </td> </tr> <tr> <td valign="top" class="fieldnameback lt3" ><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">England&nbsp<img src="flags/englandt.jpg" border="1" width="50" height="30" class="smallimg"/> <a href="placesearch.php?psearch=England&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 lt5" ><span class="fieldname">Notable</span></td> <td valign="top" colspan="2" class="databack">* </td></tr> <tr> <td valign="top" class="fieldnameback lt6" ><span class="fieldname">Death</span></td> <td valign="top" class="databack">Abt 23 Jan 1360 </td> <td valign="top" class="databack">Reims (in battle)&nbsp <a href="placesearch.php?psearch=Reims+%28in+battle%29&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">Burial</span></td> <td valign="top" class="databack" colspan="2">Colne Priory&nbsp <a href="placesearch.php?psearch=Colne+Priory&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 lt8" rowspan="2"><span class="fieldname">Siblings</span></td> <td valign="top" colspan="2" class="databack">1 sibling </td></tr> <tr class="t8"> <td valign="top" colspan="2" class="databack"><table style="margin-bottom:-15px;" cellpadding = "0" cellspacing = "0" width="100%"><tr><td valign="top" width="10"><a href="descend.php?personID=I00109430&tree=LEO" title="Descendants" class="descindicator"><strong>+</strong></a></td><td onmouseover="highlightChild(1,'I00109430');" onmouseout="highlightChild(0,'I00109430');" class="unhighlightedchild" id="childI00109430"><span class="normal">1. <a onmouseover="">de Vere, 7th Earl of Oxford John</a>,   <strong>b.</strong> Abt 12 Mar 1312   <strong>d.</strong> Abt 23 Jan 1360, Reims (in battle) <a href="placesearch.php?tree=LEO&psearch=Reims+%28in+battle%29" 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>  (Age ~ 47 years)</span></td></tr><tr><td valign="top" width="10"> </td><td onmouseover="highlightChild(1,'I00109434');" onmouseout="highlightChild(0,'I00109434');" class="unhighlightedchild" id="childI00109434"><span class="normal">2. <a href="getperson.php?personID=I00109434&tree=LEO" onmouseover="">de Vere, Margery</a>   <strong>d.</strong> 1351</span></td></tr></table> </td></tr> <tr> <td valign="top" class="fieldnameback lt9" ><span class="fieldname">Person ID</span></td> <td valign="top" class="databack">I00109430 </td> <td valign="top" class="databack"><a href="showtree.php?tree=LEO">Leo</a>&nbsp</td> </tr> <tr> <td valign="top" class="fieldnameback lt10" ><span class="fieldname">Last Modified</span></td> <td valign="top" colspan="2" class="databack">4 Oct 2001 </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 lt11" id="famF00053703_1"><span class="fieldname">Father</span></td> <td valign="top" colspan="2" class="databack"><a href="getperson.php?personID=I00109433&tree=LEO">Alfonso de Vere, of Great Hormean</a>,   <strong>b.</strong> Bef 1263   <strong>d.</strong> Abt 20 Dec 1329 (Age ~ 67 years) </td></tr> <tr> <td valign="top" class="fieldnameback lt12" ><span class="fieldname">Mother</span></td> <td valign="top" colspan="2" class="databack"><a href="getperson.php?personID=I00398104&tree=LEO">Joan|Jane Foliot</a> </td></tr> <tr> <td valign="top" class="fieldnameback lt15" ><span class="fieldname">Family ID</span></td> <td valign="top" class="databack">F00053703 </td> <td valign="top" class="databack"><a href="familygroup.php?familyID=F00053703&tree=LEO">Group Sheet</a>  |  <a href='familychart.php?familyID=F00053703&tree=LEO'>Family Chart</a>&nbsp</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 lt16" id="famF00053701_1"><span class="fieldname">Family</span></td> <td valign="top" colspan="2" class="databack"><a href="getperson.php?personID=I00109431&tree=LEO">Maud Badlesmere</a>,   <strong>b.</strong> 1308/1310   <strong>d.</strong> 24 May 1366, Earls Colne <a href="placesearch.php?tree=LEO&psearch=Earls+Colne" 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> (Age 58 years) </td></tr> <tr> <td valign="top" class="fieldnameback lt17" ><span class="fieldname">Marriage</span></td> <td valign="top" class="databack" colspan='2'>Bef 27 Mar 1336 </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,'I00075132');" onmouseout="highlightChild(0,'I00075132');" class="unhighlightedchild" id="childI00075132"><span class="normal">1. <a href="getperson.php?personID=I00075132&tree=LEO">Sir John de Vere</a>,   <strong>b.</strong> Abt Dec 1335   <strong>d.</strong> Bef 23 Jun 1350 (Age ~ 14 years)</span></td></tr> <tr><td valign="top" width="10"><a href="descend.php?personID=I00109456&tree=LEO" title="Descendants" class="descindicator"><strong>+</strong></a></td><td onmouseover="highlightChild(1,'I00109456');" onmouseout="highlightChild(0,'I00109456');" class="unhighlightedchild" id="childI00109456"><span class="normal">2. <a href="getperson.php?personID=I00109456&tree=LEO">Thomas de Vere, 8th Earl of Oxford </a>,   <strong>b.</strong> Abt 1336   <strong>d.</strong> 18 Sep 1371, Great Bentley, Essex <a href="placesearch.php?tree=LEO&psearch=Great+Bentley%2C+Essex" 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> (Age ~ 35 years)</span></td></tr> <tr><td valign="top" width="10"><a href="descend.php?personID=I00109428&tree=LEO" title="Descendants" class="descindicator"><strong>+</strong></a></td><td onmouseover="highlightChild(1,'I00109428');" onmouseout="highlightChild(0,'I00109428');" class="unhighlightedchild" id="childI00109428"><span class="normal">3. <a href="getperson.php?personID=I00109428&tree=LEO">Aubrey de Vere, 10th Earl of Oxford </a>,   <strong>b.</strong> 1338/1340   <strong>d.</strong> 23 Apr 1400 (Age 62 years)</span></td></tr> <tr><td valign="top" width="10"><a href="descend.php?personID=I00076213&tree=LEO" title="Descendants" class="descindicator"><strong>+</strong></a></td><td onmouseover="highlightChild(1,'I00076213');" onmouseout="highlightChild(0,'I00076213');" class="unhighlightedchild" id="childI00076213"><span class="normal">4. <a href="getperson.php?personID=I00076213&tree=LEO">Elizabeth de Vere</a>   <strong>d.</strong> 23 Sep 1375</span></td></tr> <tr><td valign="top" width="10"><a href="descend.php?personID=I00161599&tree=LEO" title="Descendants" class="descindicator"><strong>+</strong></a></td><td onmouseover="highlightChild(1,'I00161599');" onmouseout="highlightChild(0,'I00161599');" class="unhighlightedchild" id="childI00161599"><span class="normal">5. <a href="getperson.php?personID=I00161599&tree=LEO">Margaret de Vere</a>   <strong>d.</strong> 15 Jun 1398</span></td></tr> </table> </td> </tr> <tr> <td valign="top" class="fieldnameback lt19" ><span class="fieldname">Family ID</span></td> <td valign="top" class="databack">F00053701 </td> <td valign="top" class="databack"><a href="familygroup.php?familyID=F00053701&tree=LEO">Group Sheet</a>  |  <a href='familychart.php?familyID=F00053701&tree=LEO'>Family Chart</a>&nbsp</td> </tr> <tr> <td valign="top" class="fieldnameback lt20" ><span class="fieldname">Last Modified</span></td> <td valign="top" colspan="2" class="databack">4 Oct 2001 </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=S00058&tree=LEO">S00058</a>] Doubleday, H.A. & Lord Howard de Walden, The Complete Peerage, 1936 .<br /> 10:222 <br /><br /></li> <li class="normal"><a name="cite2"></a>[<a href="showsource.php?sourceID=S00010&tree=LEO">S00010</a>] Burke, Sir Bernard, A Genealogical History of the dormant, abeyant, forfeited and extinct peerages of the British Empire, London, 1866.<br /> 550 <br /><br /></li> <li class="normal"><a name="cite3"></a>[<a href="showsource.php?sourceID=S00622&tree=LEO">S00622</a>] Weis, Frederick Lewis; Sheppard, Walter, Ancestral Roots of Certain American Colonists who came to America bef. 1700, Baltimore, 1995.<br /> 77 <br /><br /></li> <li class="normal"><a name="cite4"></a>[<a href="showsource.php?sourceID=S01354&tree=LEO">S01354</a>] ~Burke's Peerage and Baronetage 1999, 106th Edition .<br /> 2499 <br /><br /></li> <li class="normal"><a name="cite5"></a>[<a href="showsource.php?sourceID=S01534&tree=LEO">S01534</a>] Watney, Vernon James, The Wallop Family and Their Ancestry 1928 .<br /> 795 <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=52.49062015468093,-1.56005859375(England)&z=7&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> - - England</span></td> <td class="databack" valign="middle"><a href="googleearthbylatlong.php?m=world&n=England&lon=-1.56005859375&lat=52.49062015468093&z=7" 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> <tr valign="top"><td class="databack"><a href="https://maps.google.com/maps?f=q&hl=en&daddr=49.258329,4.031696000000011(Reims [in battle])&z=10&om=1&iwloc=addr" target= "_blank"><img src="google_marker.php?image=006.png&text=2" alt="Link to Google Maps" border="0" width= "20" height="34" /></a></td><td class="databack"><span class="smaller"><strong>Death</strong> - Abt 23 Jan 1360 - Reims (in battle)</span></td> <td class="databack" valign="middle"><a href="googleearthbylatlong.php?m=world&n=Reims [in battle]&lon=4.031696000000011&lat=49.258329&z=10" 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> <tr valign="top"><td class="databack"><a href="https://maps.google.com/maps?f=q&hl=en&daddr=51.9263977,0.7117508000000043(Colne Priory)&z=10&om=1&iwloc=addr" target= "_blank"><img src="google_marker.php?image=038.png&text=3" alt="Link to Google Maps" border="0" width= "20" height="34" /></a></td><td class="databack"><span class="smaller"><strong>Burial</strong> - - Colne Priory</span></td> <td class="databack" valign="middle"><a href="googleearthbylatlong.php?m=world&n=Colne Priory&lon=0.7117508000000043&lat=51.9263977&z=10" 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 (3.2322911546809 == 0 && 5.59175459375 == 0) zoom = 10; longlati[0] = 1.235818703125; longlati[1] = 50.87447457734; } 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 = -1.56005859375; var lat = 52.49062015468093; 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>England</strong><br /><br />Lived In: <br /><br /><a href="https://maps.google.com/maps?f=q&hl=en&daddr=52.49062015468093,-1.56005859375(England)&z=7&om=1&iwloc=addr" target="_blank">Click to get directions</a> to England</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 lon = 4.031696000000011; var lat = 49.258329; placeOSM[2] = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])), id: 2, name: '<div class="mapballoon normal" style="margin-top:10px"><strong>Reims (in battle)</strong><br /><br />Death: Abt 23 Jan 1360<br /><br /><a href="https://maps.google.com/maps?f=q&hl=en&daddr=49.258329,4.031696000000011(Reims [in battle])&z=10&om=1&iwloc=addr" target="_blank">Click to get directions</a> to Reims [in battle]</div>' }); placeStyle[2] = 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=006.png&text=2' })) }); placeOSM[2].setStyle(placeStyle[2]); var lon = 0.7117508000000043; var lat = 51.9263977; placeOSM[3] = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])), id: 3, name: '<div class="mapballoon normal" style="margin-top:10px"><strong>Colne Priory</strong><br /><br />Burial: <br /><br /><a href="https://maps.google.com/maps?f=q&hl=en&daddr=51.9263977,0.7117508000000043(Colne Priory)&z=10&om=1&iwloc=addr" target="_blank">Click to get directions</a> to Colne Priory</div>' }); placeStyle[3] = 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=038.png&text=3' })) }); placeOSM[3].setStyle(placeStyle[3]); var vectorSource = new ol.source.Vector({ features: [placeOSM[1], placeOSM[2], placeOSM[3]] }); 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 = 10; 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 && 3 > 1) { map.getView().fit(vectorSource.getExtent(), {padding:[40, 16, 32, 40], maxZoom:10} ); } 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>