CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Toledana: Genealogics</title> <meta name="Keywords" content="" /> <meta name="Description" content="Toledana: Genealogics" /> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta name="robots" content="noindex,nofollow" /> <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> <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=12"><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=Toledana"><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('//placesearch.php?tree=LEO&psearch=Toledana&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> <h1 class="header fn" id="nameheader" style="margin-bottom:5px">Toledana</h1><br clear="all" /><br /> <div id="tngmenu"> <ul id="tngnav"> <li><a id="a0" href="placesearch.php?psearch=Toledana&tree=LEO" class="here"><span class="tngsmallicon2" id="place-smicon"></span>Place</a></li> <li><a id="a1" href="suggest.php?enttype=L&ID=Toledana&tree=LEO"><span class="tngsmallicon2" id="sugg-smicon"></span>Suggest</a></li> </ul> </div> <div id="pub-innermenu" class="fieldnameback fieldname smaller rounded4">   </div><br/> <div style='position:relative; top:0px; left:0px; display:block; width:100%;'> <br /><div id="map" style="width: 100%; height: 400px; margin-bottom:20px;" class="rounded10"></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:18px; right:6px; z-index:50;' class='rounded4' onmouseover="this.style.backgroundColor='#eeeeee';" onmouseout="this.style.backgroundColor='#dddddd';"></div></div> <a href="https://maps.google.com/maps?f=q&hl=en&oe=UTF-8&daddr=39.8628296,-4.0273067(Toledana)&z=12&om=1&iwloc=addr" target="_blank"><img src="google_marker.php?image=006.png&text=1" alt="" border="0" /></a><strong></strong><span class="normal"><strong>Latitude:</strong> 39.8628296, <strong>Longitude:</strong> -4.0273067</span><br /><br /><br/> <div class="titlebox"> <span class="subhead"><strong>Death</strong></span><br /><p>Matches 1 to 1 of 1</p> <table cellpadding="3" cellspacing="1" border="0" width="100%" class="thfixed whiteback normal"> <tr> <th class="fieldnameback"><span class="fieldname"> </span></th> <th class="fieldnameback"><span class="fieldname nw"> <b><a href="placesearch.php?tree=LEO&psearch=Toledana&order=nameup" class="lightlink">Last Name, Given Name(s) <img src="img/tng_sort_desc.gif" width="15" height="8" border="0" alt="" /></a></b> </span></th> <th class="fieldnameback" colspan="2"><span class="fieldname"> <b><a href="placesearch.php?tree=LEO&psearch=Toledana&order=date" class="lightlink">Death <img src="img/tng_sort_asc.gif" width="15" height="8" border="0" alt="" /></a></b> </span></th> <th class="fieldnameback"><span class="fieldname nw"> <b>Person ID</b> </span></th> </tr> <tr><td class="databack"><span class="normal">1</span></td> <td class="databack"><span class="normal"><a href="pedigree.php?personID=I00014431&tree=LEO"><img src="img/Chart.gif" border="0" width="11" height="10" alt="" /></a> <a href="getperson.php?personID=I00014431&tree=LEO">Giovanna, Princess de Bourbon-Parma </a> </span></td><td class="databack"><span class="normal"> 1 Nov 1949</span></td><td class="databack"><span class="normal">Toledana </span></td><td class="databack"><span class="normal">I00014431 </span></td></tr> </table> </div> <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 = 10; longlati[0] = -4.0273067; longlati[1] = 39.8628296; } 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 = -4.0273067; var lat = 39.8628296; placeOSM[1] = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])), id: 1, name: '<div class="mapballoon normal"><br />Toledana<br /><br /><a href="https://maps.google.com/maps?f=q&hl=en&oe=UTF-8&daddr=39.8628296,-4.0273067(Toledana)&z=10&om=1&iwloc=addr" target="_blank">Click to get directions</a> to Toledana</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=006.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 = 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 && 1 > 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(); } } window.onload=displayMap; //]]> </script> </body> </html>