CINXE.COM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html> <head><BASE HREF="https://www.ourcampaigns.com/"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Our Campaigns - ME US Senate Race - Nov 03, 1874</title> <link rel="shortcut icon" href="/favicon.ico" > <link rel="stylesheet" href="/js/leaflet/leaflet.css" /> <script src="/js/leaflet/leaflet.js"></script> <script src="js/mapfunctions.js" type="text/javascript" charset="utf-8"></script>  </head> <style type="text/css">  </style> <body bgcolor="#6084C8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="drawPollGraph();drawLeanGraph();pageLoaded();"> <script language="JavaScript">  </script> <script src="ajax.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript" src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script type="text/javascript" src="/js/jquery.tablesorter.min.js"></script> <script>window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function(f) { t._e.push(f); }; return t; }(document, "script", "twitter-wjs"));</script> <script> $( function() { $('.datepicker').change(function() { var id=$(this).attr('id').slice(0,-3); var newdate=$('#'+id+'_DP').val(); $('input[name="'+id+'_year"]').val(newdate.substr(0,4)); $('select[name="'+id+'_month"]').val(newdate.substr(5,2)); $('select[name="'+id+'_day"]').val(newdate.substr(8,2)); }); $('.datepicker').datepicker({ showOn: "button", buttonImage: "/images/calendar.gif", buttonImageOnly: true, buttonText: "Select date", dateFormat: "yy-mm-dd", beforeShow: DPSetFromDate }); $('.datepicker2').change(function() { var id=$(this).attr('id').slice(0,-3); var newdate=$('#'+id+'_DP').val(); $('input[name="'+id+'_year"]').val(newdate.substr(0,4)); $('input[name="'+id+'_month"]').val(newdate.substr(5,2)); $('input[name="'+id+'_day"]').val(newdate.substr(8,2)); }); $('.datepicker2').datepicker({ showOn: "button", buttonImage: "/images/calendar.gif", buttonImageOnly: true, buttonText: "Select date", dateFormat: "yy-mm-dd", beforeShow: DPSetFromDate2 }); } ); function DPSetFromDate(input, inst) { var id=inst.id.slice(0,-3); $('#'+id+'_DP').val($('input[name="'+id+'_year"]').val()+'-'+$('select[name="'+id+'_month"]').val()+'-'+$('select[name="'+id+'_day"]').val()); } function DPSetFromDate2(input, inst) { var id=inst.id.slice(0,-3); $('#'+id+'_DP').val($('input[name="'+id+'_year"]').val()+'-'+$('input[name="'+id+'_month"]').val()+'-'+$('input[name="'+id+'_day"]').val()); } function NowDateInfo() { alert('This date is a virtual time machine which makes the site display in most cases as if the day was actually the date set. For instance, setting it to July 4, 1800 and going to the US container would show the President as John Adams and the 16 states and two territories.'); } function AdjustIFrame(frame) { var maxW = frame.scrollWidth; var minW = maxW; var FrameH = 100; //IFrame starting height frame.style.height = FrameH + "px" while (minW == maxW && FrameH < 800) { FrameH = FrameH + 50; //Increment frame.style.height = FrameH + "px"; minW = frame.scrollWidth; } } </script> <map name="nav"> <area shape="poly" coords="8,87,6,75,44,65,47,77" href="home.html" alt="Home"> <area shape="poly" coords="52,75,50,64,89,60,91,72" href="about.html" alt="About"> <area shape="poly" coords="95,73,95,60,128,61,129,73" href="javascript:popChat()" alt="Chat"> <area shape="poly" coords="133,73,135,60,171,64,172,76" href="UserList.html" alt="Users"> <area shape="poly" coords="206,78,208,68,251,72,249,83" href="IssueDetail.html?IssueID=1" alt="Issues"> <area shape="poly" coords="252,83,255,72,297,75,298,86" href="PartyList.html" alt="Party"> <area shape="poly" coords="301,86,301,75,368,77,369,88" href="CandidateList.html" alt="Candidates"> <area shape="poly" coords="374,88,372,77,430,74,432,85" href="PollingFirmList.html" alt="Polling Firms"> <area shape="poly" coords="434,86,434,74,471,69,472,82" href="MediaList.html" alt="Media"> <area shape="poly" coords="474,82,473,70,507,66,509,78" href="NewsList.html" alt="News"> <area shape="poly" coords="510,78,509,65,538,64,539,77" href="PollList.html" alt="Polls"> <area shape="poly" coords="16,97,13,87,68,76,70,88" href="Calendar.html" alt="Calendar"> <area shape="poly" coords="74,88,73,75,141,75,141,87" href="KeyRaceList.html" alt="Key Races"> <area shape="poly" coords="145,87,145,76,226,82,226,93" href="ContainerDetail.html?ContainerID=1" alt="United States"> <area shape="poly" coords="230,94,231,83,291,87,290,98" href="PresidentList.html" alt="President"> <area shape="poly" coords="294,98,295,87,339,89,340,99" href="SenateList.html" alt="Senate"> <area shape="poly" coords="343,98,344,89,384,89,386,98" href="HouseList.html" alt="House"> <area shape="poly" coords="389,99,390,89,453,85,455,96" href="StateOfficeList.html" alt="Governors"> <area shape="poly" coords="458,96,456,85,534,78,535,91" href="CountryList.html" alt="International"> <area shape="default" href="home.html"> </map> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" width="539"><a href="home.html"><img src="images/NewHeader.gif" border="0" usemap="#nav" width="539" height="120"></a></td> <td background="images/NewHeaderBack.gif" align="right" width="100%" valign="top"><img src="images/spacer.gif" width="180" height="1"><br> <div style="position: absolute; top:4; right:8"> <form name="dateForm" method="post" action="RaceDetail.html?SetNow=Y&RaceID=413212"><input type="button" value="?" onclick="NowDateInfo()"> <select name="NowDate_month" class="Text1"> <option value="00">--</option> <option value="01">Jan</option><option value="02">Feb</option><option value="03">Mar</option><option value="04">Apr</option><option value="05">May</option><option value="06">Jun</option><option value="07">Jul</option><option value="08">Aug</option><option value="09">Sep</option><option value="10">Oct</option><option value="11" SELECTED>Nov</option><option value="12">Dec</option></select> <select name="NowDate_day" class="Text1"> <option value="00">--</option> <option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option SELECTED>29</option><option>30</option><option>31</option></select> <input type="text" name="NowDate_year" size="5" maxlength="4" value="2024" onMouseDown="DYDown(this,event)" onMouseUp="DYUp(this,event)" onMouseMove="DYMove(this,event)"> <input type="submit" value="Set" class="Small1"></form> </div> <div style="position: absolute; top:35; right:8"> <form name="searchForm" method="post" action="SearchResults.html"><input type="text" name="SrchTxt" size="15" class="Small1"><input type="submit" value="Search" class="Small1"></form> </div> <div style="position: absolute; top:63; right:8"> <a href="newaccountStep1.html" class="Text2">New User Account</a> </div> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><tr> <td class="Text1" valign="top" align="center"> <table border="0" cellspacing="0" cellpadding="0" width="95%"><tr> <td align="left"> </td> <td align="right" class="Headline1"><i>"A comprehensive, collaborative elections resource." </i><br></td> </tr></table> <div align="right" class="Headline1"> <form method="POST" action="home.php"><input type="hidden" name="LogIn" value="Y"> Email:<input type="text" name="Username" size="10" class="Text1" value=""> Password:<input type="password" name="PWord" size="10" class="Text1"> <input type="submit" value="Login" class="Text1"> </form> </div> <br> <div class="Headline1" align="left"><font size="+3">  ME US Senate</font></div> <table border="0" width="90%"><tr><td valign="top" class="Text1"> <style> .endorsediv { max-height:80px;overflow-y:auto; } </style> <script> function descriptionL(b) { if (b==0) { document.getElementById('DesShort').style.display='block'; document.getElementById('DesLong').style.display='none'; } else { document.getElementById('DesShort').style.display='none'; document.getElementById('DesLong').style.display='block'; } } var endorseall=false; function showAllEndorse() { if (endorseall) { jQuery('.endorsediv').css('max-height','80px'); endorseall=false; } else { jQuery('.endorsediv').css('max-height'); endorseall=true; } } </script> <table border="0" width="100%"><tr><td valign="top"> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="42"></td> <td class="Headline1" align="center">RACE DETAILS</td> <td width="42"></td></tr></table></td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Parents</td><td class="Switch0"> > <a href="ContainerDetail.html?ContainerID=1" class="Text1">United States</a> > <a href="ContainerDetail.html?ContainerID=40" class="Text1">Maine</a> > <a href="ContainerDetail.html?ContainerID=137" class="Text1">Senate Class I</a> </td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Office</td><td class="Switch0">Senate </td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Honorific</td><td class="Switch0">Senator - Abbr: Sen.</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Type</td><td class="Switch0"> General Election</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Filing Deadline</td><td class="Switch0"> 00, 1874 - 12:00pm Central</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Polls Open</td><td class="Switch0"> November 03, 1874 - 07:00am Central</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Polls Close</td><td class="Switch0"> November 03, 1874 - 07:00pm Central</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Term Start</td><td class="Switch0"> March 04, 1875 - 12:00pm</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Term End</td><td class="Switch0"> March 03, 1881 - 12:00pm</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Contributor</td><td class="Switch0"><a href="UserDetail.html?UserID=334" class="Text1">Thomas Walker</a></td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Last Modified</td><td class="Switch0"><a href="UserDetail.html?UserID=334" class="Text1">Thomas Walker</a> January 13, 2008 11:58pm</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Data Sources</td><td class="Switch0"></td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Description</td><td class="Switch0"> </td></tr> </table> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr><td bgcolor="#993333" align="center" class="Headline1" colspan="5">LAST GENERAL ELECTION</td></tr> <tr><td rowspan="3" class="Switch0" align="center"> <img src="../images/candidates/b19/C19925D0000-00-00.jpg" height="75"></td> <td bgcolor="#333366" align="right" class="Headline1">Party</td><td bgcolor="#FF0000"><a href="PartyDetail.html?PartyID=2" class="Headline1">Republican</a></td> <td bgcolor="#333366" align="right" class="Headline1">Won</td><td class="Switch0"><a href="RaceDetail.html?RaceID=413211" class="Text1">01/19/1869</a></td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Name</td><td class="Switch0"><a href="CandidateDetail.html?CandidateID=19925" class="Text1">Hannibal Hamlin</a></td> <td bgcolor="#333366" align="right" class="Headline1">Votes</td><td class="Switch0">146 (80.66%)</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Term</td><td class="Switch0">03/04/1869 - 03/03/1875</td> <td bgcolor="#333366" align="right" class="Headline1">Margin</td><td class="Switch0">113 (+62.43%)</td></tr> </table> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr><td bgcolor="#993333" align="center" class="Headline1" colspan="5">NEXT GENERAL ELECTION</td></tr> <tr><td rowspan="3" class="Switch0" align="center"></td> <td bgcolor="#333366" align="right" class="Headline1">Party</td><td bgcolor="#FF0000"><a href="PartyDetail.html?PartyID=" class="Headline1">Republican</a></td> <td bgcolor="#333366" align="right" class="Headline1">Won</td><td class="Switch0"><a href="RaceDetail.html?RaceID=413213" class="Text1">11/03/1880</a></td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Name</td><td class="Switch0"><a href="CandidateDetail.html?CandidateID=173314" class="Text1">Eugene Hale</a></td> <td bgcolor="#333366" align="right" class="Headline1">Votes</td><td class="Switch0">1 (100.00%)</td></tr> <tr><td bgcolor="#333366" align="right" class="Headline1">Term</td><td class="Switch0">03/04/1881 - 03/03/1887</td> <td bgcolor="#333366" align="right" class="Headline1">Margin</td><td class="Switch0">1 (+100.00%)</td></tr> </table> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr><td bgcolor="#993333" align="center" class="Headline1" colspan="3">PRIMARY/OTHER SCHEDULE</td></tr> </table> </td><td valign="top" align="right" class="Text1" style="width:50%;"> <script> function showMapEmbed() { mpe=document.getElementById('MapEmbedDiv'); if (mpe.style.display=='block') { mpe.style.display='none'; } else { mpe.style.display='block'; } } function hideMapEmbed() { document.getElementById('MapEmbedDiv').style.display='none'; } function raceDataDownload() { var dsel=document.getElementById('ViewMap'); var dtype=dsel.options[dsel.selectedIndex].value; document.location.href='/RaceDownload.php?RaceID=413212&DType='+dtype; } </script> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="42"><img src="../images/spacer.gif" width="40" height="15"></td> <td class="Headline1" align="center">MAP</td> <td width="42"></td></tr></table></td></tr> <tr><td colspan="3" class="Switch0" align="center" style="border-radius:8px;"><div id="SubMaps"> <div id="map_canvas527105" style="width:100%; height:300px;display:none;"></div> </div> <div id="MapLocDetails" style="display:none;width:100%;"></div> </td></tr> </table> <script type="text/javascript"> var mpoly=new Array; var mpcid=new Array; var geojsonLayer=new Array; var mnlo=new Array; var mxlo=new Array; var mnlt=new Array; var mxlt=new Array; var lmnlo=new Array; var lmxlo=new Array; var lmnlt=new Array; var lmxlt=new Array; function mq(lat,lon) { return new google.maps.LatLng(lat,lon); } </script> <div id="DynamicJS"> </div> <script type="text/javascript"> var hexA = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"); var hexR = {"0":"0","1":"1","2":"2","3":"3","4":"4","5":"5","6":"6","7":"7","8":"8","9":"9","A":"10","B":"11","C":"12","D":"13","E":"14","F":"15"}; var map; var leafmap=new Array; var clayer=new Array; var demog=new Array; var compare=new Array; var offices=new Array; var officeload=new Array; var racesubs=new Array; var infowindow; var bubbles=new Array; var maxbubble=new Array; var dopoly=new Array; var mpolyo=new Array; var mpolyc=new Array; var mpidd=new Array; var raceid=new Array; var cname=new Array; var canids=new Array; var canname=new Array; var canpic=new Array; var cancolor=new Array; var canpty=new Array; var canpv=new Array; var canptyv=new Array; var canvotes=new Array; var canlon=new Array; var canlat=new Array; var turnover=new Array; var mpcrv=new Array; var mpbcrv=new Array; var mploc=new Array; var subname=new Array; var pcolor=''; var curMap=0; var curView=0; var curType=''; canids["1"]=19925; canname["19925"]='Hannibal'+" "+'Hamlin'; cancolor["19925"]='#FF0000'; canpty["19925"]='2'; canvotes["19925"]='1'; canlon["19925"]='-68.7778138'; canlat["19925"]='44.8011821'; canname["19925"]='Hannibal'+" "+'Hamlin'; canptyv["2"]=19925; canname["68008"]='Albert P.'+" "+'Gould'; canptyv["1"]=68008; canname["85139"]='Lot M.'+" "+'Morrill'; canptyv["2"]=85139; canname["99883"]='Joshua Lawrence'+" "+'Chamberlain'; canptyv["2"]=99883; var canv=new Array; var canp=new Array; function pageLoaded() { //alert('Page Loaded'); viewMapChange(); $( window ).resize(function() { setMapRatio(curView,1.456911); if (clayer[curView]) { leafmap[curView].fitBounds(clayer[curView].getBounds()); } else { leafmap[curView].fitBounds(geojsonLayer[curView].getBounds()); } }); } function setMapRatio(milk,mratio) { var mwidth=$('#map_canvas'+milk).outerWidth(); var mheight=Math.ceil(mwidth*mratio); if (mheight > 700) { mheight=700; } $('#map_canvas'+milk).height(mheight); } function checkCandidatesPanel() { var cp=document.getElementById('MapCandidatesDiv'); if (cp.style.display == 'none') { cp.style.display='block'; document.getElementById('MapCandidatesButton').value='-Candidates'; } else { cp.style.display='none'; document.getElementById('MapCandidatesButton').value='+Candidates'; } } function changeMapType() { var mtype=document.getElementById('WhichMap').value; if (mtype == 'vc' && compare[map] == undefined) { compareOfficesLoad(); } else { if (mtype == 'dr') { document.getElementById('SelDemographic').style.display='block'; } else { document.getElementById('SelDemographic').style.display='none'; } if (curType == 'V' || curType == 'P') { if (curType == 'P' && mtype == 'vd' && canpv.length == 0) { $.getJSON('https://www.ourcampaigns.com/ajax/racevtdresults.php?RaceID=413211', function(data){ for (var key in data['Candidates']) { if (data['Candidates'][key]['PartyID'] !== 'undefined' && typeof canptyv[data['Candidates'][key]['PartyID']] === 'undefined') { canptyv[data['Candidates'][key]['PartyID']]=key; canname[key]=data['Candidates'][key]['FirstName']+' '+data['Candidates'][key]['LastName']; } } for (var v in data['VTDResults']) { canpv[v]=new Array; for (var i=0; i < data['VTDResults'][v].length; i++) { if (typeof canpv[v][data['VTDResults'][v][i]['p']] === 'undefined') { canpv[v][data['VTDResults'][v][i]['p']]=parseInt(data['VTDResults'][v][i]['v']); } } } redoMap(curView); }); } else { redoMap(curView); } } else { var locs=init_bitmap(curView); //cument.getElementById('bitmap_holder'+curView).innerHTML='<img src="https://www.ourcampaigns.com/cgi-bin/mapdisplay.cgi?MapImageID='+curView+locs+'" border="0">'; $('#bitmap_holder'+curView+' img').attr('src','https://www.ourcampaigns.com/cgi-bin/mapdisplay.cgi?MapImageID='+curView+locs); } } } function changeMapCurve() { if (curType == 'V' || curType == 'P') { redoMap(curView); } } function changeMapCurveBitmap() { if (curType == 'V' || curType == 'P') { redoMap(curView); } else { var locs=init_bitmap(curView); //$('#bitmap_holder'+curView).css('height',$('#bitmap_holder'+curView+' img').height()); $('#bitmap_holder'+curView+' img').attr('src','https://www.ourcampaigns.com/cgi-bin/mapdisplay.cgi?MapImageID='+curView+locs); } } function leafletMap(milk) { //console.log(mpoly[milk]); setMapRatio(milk,1.456911); var maxmargin=0; var numpoly=0; for (i=0; i<mpoly[milk]['features'].length; i++) { var cid=mpoly[milk]['features'][i].geometry.properties.cid; if (canv[cid]) { var maxvotes=0; var secondvotes=0; //for (c=0; c<canids.length; c++) { for(var c in canv[cid]) { var v=0; if (canv[cid]) { v=canv[cid][c]; } if (v == null) { v=0; } if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[c]; } else if (v > secondvotes) { secondvotes=v; } } if (maxvotes > 0) { numpoly++; } if ((maxvotes-secondvotes) > maxmargin) { maxmargin=maxvotes-secondvotes; } } } var mymap = L.map('map_canvas'+milk); leafmap[milk]=mymap; var sweight=0.5; if (curType == 'P') { sweight=0.1; } geojsonLayer[milk]=L.geoJSON(mpoly[milk], { color: '#000000', weight: sweight, onEachFeature: onEachFeature, style: function (feature) { var curve=parseInt($('#curveslider').slider( "option", "value" ))/100; var cid=feature.geometry.properties.cid; cname[cid]=feature.geometry.properties.name; //console.log('cid: '+cid); var allvotes=0; var maxvotes=0; var secondvotes=0; var wincolor='#ffffff'; for(var c in canv[cid]) { //console.log('cid: '+cid+' c:'+c+' v:'+canv[cid][c]); var v=0; if (canv[cid]) { v=canv[cid][c]; } if (v == null) { v=0; } allvotes+=v; if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[c]; } else if (v > secondvotes) { secondvotes=v; } } var opacity=Math.pow((maxvotes-secondvotes)/maxmargin,curve); //console.log(maxvotes+' '+secondvotes+' '+maxmargin+' '+curve+' '+wincolor+' '+opacity); if (!turnover[cid]) { turnover[cid]='#000000'; } var stko=0.5; if (curType == 'P') { stko=0.1; } if (turnover[cid] != '#000000') { stko=0.5; } return { color:turnover[cid], weight:stko, fillColor: wincolor, fillOpacity: opacity }; } }).addTo(mymap); mymap.fitBounds(geojsonLayer[milk].getBounds()); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'Data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a>, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Tiles: <a href="https://www.mapbox.com/">Mapbox</a>', tileSize: 512, zoomOffset: -1, maxZoom: 18, id: 'mapbox/streets-v11', accessToken: 'sk.eyJ1IjoiZW50cm9waXN0IiwiYSI6ImNraG53Y2M0ZzBiNHoyeW1pNTB1Mjc0NXMifQ.eSKmJwV5Qy1g-WELf1rL1g' }).addTo(mymap); // calculate maxbubble size var center = mymap.getCenter(); var eastBound = mymap.getBounds().getEast(); var centerEast = L.latLng(center.lat, eastBound); var dist = center.distanceTo(centerEast); maxbubble[milk] = dist*.5; for(var c in canids) { if (canlat[canids[c]] != null && canlon[canids[c]] != null && cancolor[canids[c]] != null && canname[canids[c]] != null) { //var myIcon = new L.icon({ iconUrl: 'https://chart.apis.google.com/chart?cht=mm&chs=20x20&chco=ffffff,'+cancolor[canids[c]].substr(1)+',000000', iconSize:[20,20], iconAnchor:[10,20] }); //var myIcon = { path: "M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0", fillColor: cancolor[canids[c]], fillOpacity: 1, anchor: new google.maps.Point(0, 0), strokeWeight: 1, scale: 0.5 } var iconSVG='<svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -40 60 60" width="40" height="40"><path fill="'+cancolor[canids[c]]+'" fill-opacity="1" d="M0,-36c-9.941,0 -18,8.059 -18,18c0,13.858 18,36 18,36c0,0 18,-22.142 18,-36c0,-9.941 -8.059,-18 -18,-18z M-4,18 L4,18 Z" stroke="#000" stroke-width="3"/> <text x="0" y="-5" fill="#000" font-family="Arial" font-weight="bold" font-size="20" text-anchor="middle" alignment-baseline="middle"> </text></svg>'; var iconSVGblob = new Blob([iconSVG], { type: "image/svg+xml" }); var iconSVGurl = URL.createObjectURL(iconSVGblob); var myIcon = new L.icon({ iconUrl: iconSVGurl, iconSize:[20,20], iconAnchor:[10,20] }); var marker = new L.Marker([canlat[canids[c]],canlon[canids[c]]],{icon: myIcon, title: canname[canids[c]] }).addTo(mymap); } } mpoly[224]=new Array(); $.getJSON( "/geojson/MapImage224.json", function( data ) { mpoly[224]=data; for(var i=0; i<mpoly[224].features.length; i++) { if (mpoly[224].features[i].geometry.properties.cid == 137) { clayer[milk]=L.GeoJSON.geometryToLayer(mpoly[224].features[i].geometry, {interactive: false, color:'#00ff00',opacity:0.8,weight:2,fillOpacity:0}); clayer[milk].addTo(mymap); setMapRatio(milk,1.456911); mymap.fitBounds(clayer[milk].getBounds()); break; } } }); } function onEachFeature(feature, layer) { layer.on({ mouseover: putRaceInfo, mouseout: remRaceInfo, click: goRaceInfo }); } function compareOfficesLoad() { var msel=document.getElementById('ViewMap'); var map=msel.value; map=parseInt(map.substr(1)); if (compare[map] == undefined) { $.getJSON('https://www.ourcampaigns.com/ajax/CompareOffices.php?RaceID=413212&MapImageID='+map, function(data){ compare[map]=data['compareOffices']; officeload[map]=new Array; racesubs[map]=new Array; compareOfficesPopup(map); }); } else { compareOfficesPopup(map); } } function compareOfficesPopup(map) { var html="<table>"; for(var i in compare[map]) { html+='<tr><td><a href="javascript:compareOfficesSelect(\''+compare[map][i]['OfficeID']+"','"+compare[map][i]['RDate']+'\')">'+compare[map][i]['Office']+"</a></td><td>"+compare[map][i]['RDate']+"</td></tr>\n"; offices[compare[map][i]['OfficeID']]=compare[map][i]['Office']; } $('#CompareOfficePopup').html(html+"</table>\n"); $('#CompareOfficePopup').show(); $('#CompareOfficeChange').show(); } function compareOfficesSelect(office,thedate) { var msel=document.getElementById('ViewMap'); var map=msel.value; map=parseInt(map.substr(1)); $('#CompareOfficePopup').hide(); $('#MapCompareOffice').val(office); $('#MapCompareDate').val(thedate); $('#CompareOfficeChange').val(offices[office]+' - '+thedate+' - Change'); if (officeload[map][office] == undefined) { $.getJSON('https://www.ourcampaigns.com/ajax/OfficeSubDataJSON.php?OfficeID='+office+'&MapImageID='+map+'&PollDate='+encodeURIComponent(thedate), function(data){ for(var i in data['race']) { var d=data['race'][i]; racesubs[map][d['RaceID']]=d; } officeload[map][office]=true; viewMapChange(); redoMap(curView); }); } else { viewMapChange(); redoMap(curView); } } function viewMapChange() { var msel=document.getElementById('ViewMap'); var map=msel.value; var newType=map.substr(0,1); if (curType == 'V' || curType == 'P') { //alert('Old GMap display none'); document.getElementById('map_canvas'+curView).style.display = 'none'; } else { //alert('Old BMap display none'); if (document.getElementById('bitmap_holder'+curView)) { document.getElementById('bitmap_holder'+curView).style.display = 'none'; } } if (newType == 'V' || newType == 'P') { map=parseInt(map.substr(1)); //console.log('newType:'+newType+' Map:'+map+' MPoly:'+mpoly[map]+' DoPoly:'+dopoly[map]); if (demog[map] == undefined) { $.getJSON('https://www.ourcampaigns.com/ajax/DemographicMapJSON.php?MapImageID='+map+'&TheDate='+encodeURIComponent('1874-11-03 19:00:00'), function(data){ demog[map]=data; }); } if (mpoly[map] == undefined) { if (newType == 'V') { mpoly[map]=new Array(); $.getJSON( "/geojson/MapImage"+map+".json", function( data ) { mpoly[map]=data; //viewMapChange(); leafletMap(map); }); } else { curType=newType; mpoly[map]=new Array(); //console.log("/geojson/vtd/VTDml"+map+"--.json"); $.getJSON( "/geojson/vtd/VTDml"+map+"--.json", function( data ) { mpoly[map]=data; //viewMapChange(); leafletMap(map); }); var headID = document.getElementById('DynamicJS'); var newScript2 = document.createElement('script'); newScript2.type = 'text/javascript'; newScript2.onload=function() { if (mpoly[map]) { redoMap(map); } } newScript2.src = '/racevtdresults.php?RaceID=413212'; headID.appendChild(newScript2); } } document.getElementById('map_canvas'+map).style.display = 'block'; curType=newType; curView=map; } else { map=parseInt(map.substr(1)); var bmh=document.getElementById('bitmap_holder'+map); if (bmh) { if (bmh.innerHTML == '') { var locs=init_bitmap(map); bmh.innerHTML='<img src="https://www.ourcampaigns.com/cgi-bin/mapdisplay.cgi?MapImageID='+map+locs+'" border="0">'; } bmh.style.display = 'block'; curType=''; curView=map; } } } function init_bitmap(milk) { var loc=''; var mtype=document.getElementById('WhichMap').value; //var curve=parseInt(document.getElementById('MapCurve').value)/100; var curve=parseInt($('#curveslider').slider( "option", "value" ))/100; var maxmargin=0; var maxavotes=0; for (i=1; i<mploc[milk].length; i++) { if (mploc[milk][i]) { var maxvotes=0; var secondvotes=0; //for (c=0; c<canids.length; c++) { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[mploc[milk][i]]) { v=canv[mploc[milk][i]][canids[c]]; } if (v == null) { v=0; } if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[canids[c]]; } else if (v > secondvotes) { secondvotes=v; } } } if ((maxvotes-secondvotes) > maxmargin) { maxmargin=maxvotes-secondvotes; } if (maxvotes > maxavotes) { maxavotes=maxvotes; } } } if (mpoly[milk] != undefined) { for (i=1; i<mploc[milk].length; i++) { if (mploc[milk][i]) { var allvotes=0; var allvotesp=0; var maxvotes=0; var secondvotes=0; var wincolor='#ffffff'; //for (c=0; c<canids.length; c++) { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[mploc[milk][i]]) { v=canv[mploc[milk][i]][canids[c]]; } if (v == null) { v=0; } allvotes+=v; if (mtype == 'vd') { allvotesp+=canp[mploc[milk][i]][canpty[c]]; } else { if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[canids[c]]; } else if (v > secondvotes) { secondvotes=v; } } } } if (mtype == 'vs') { var opacity=Math.pow((maxvotes-secondvotes)/maxmargin,curve); } else if (mtype == 'vm') { var opacity=Math.pow((maxvotes-secondvotes)/allvotes,curve); } else if (mtype == 'vp') { var opacity=Math.pow(maxvotes/allvotes,curve); } else if (mtype == 'vt') { wincolor='#000000'; var opacity=Math.pow(allvotes/maxavotes,curve); } else if (mtype == 'vl') { var mgn=((maxvotes-secondvotes)/allvotes) * 100; if (mgn == 0) { var opacity=0; } else if (mgn < 4) { var opacity=0.1; } else if (mgn < 9) { var opacity=0.3; } else if (mgn < 15) { var opacity=0.6; } else { var opacity=0.9; } } else if (mtype == 'vd') { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[mploc[milk][i]]) { v=canv[mploc[milk][i]][canids[c]]; } if (v == null) { v=0; } percent_change=((v/allvotes)-(canp[mploc[milk][i]][canpty[c]]/allvotesp))*100; if (percent_change > maxchange) { maxchange=percent_change; wincolor=cancolor[canids[c]]; } } } var opacity=Math.pow(maxchange,curve); } var ucolor=wincolor.toUpperCase(); var rcolor=255-Math.floor((255-parseInt(hexR[ucolor.substr(1,1)])*16+parseInt(hexR[ucolor.substr(2,1)]))*opacity); var gcolor=255-Math.floor((255-parseInt(hexR[ucolor.substr(3,1)])*16+parseInt(hexR[ucolor.substr(4,1)]))*opacity); var bcolor=255-Math.floor((255-parseInt(hexR[ucolor.substr(5,1)])*16+parseInt(hexR[ucolor.substr(6,1)]))*opacity); var ocolor=hexA[Math.floor(rcolor/16)]+hexA[Math.floor(rcolor%16)]+hexA[Math.floor(gcolor/16)]+hexA[Math.floor(gcolor%16)]+hexA[Math.floor(bcolor/16)]+hexA[Math.floor(bcolor%16)]; loc+='&L'+mploc[milk][i]+'='+ocolor; } } } return loc; } function init_map(milk) { var mtype=document.getElementById('WhichMap').value; //var curve=parseInt(document.getElementById('MapCurve').value)/100; var curve=parseInt($('#curveslider').slider( "option", "value" ))/100; var sw = new google.maps.LatLng(mnlt[milk],mnlo[milk]); var ne = new google.maps.LatLng(mxlt[milk],mxlo[milk]); var mapb = new google.maps.LatLngBounds(sw,ne); var myOptions = { zoom: 8, center: sw, mapTypeId: google.maps.MapTypeId.ROADMAP }; var mc=document.getElementById('map_canvas'+milk); if (mc == null) { var ni = document.getElementById('SubMaps'); var newcanvas = document.createElement('canvas'); newcanvas.setAttribute('id','map_canvas'+milk); newcanvas.setAttribute('width','100%'); newcanvas.setAttribute('height','300px'); ni.appendChild(newcanvas); mc=document.getElementById('map_canvas'+milk); } var map = new google.maps.Map(mc, myOptions); myFitBounds(map,mapb); //map.fitBounds(mapb); dopoly[milk]=new Array; var polyevt=new Array; var maxmargin=0; var numpoly=0; if (mpoly[milk] != undefined) { for (i=0; i<mpoly[milk].length; i++) { if (mpcid[milk][i]) { var maxvotes=0; var secondvotes=0; //for (c=0; c<canids.length; c++) { for(var c in canids) { var v=0; if (canv[mpcid[milk][i]]) { v=canv[mpcid[milk][i]][canids[c]]; } if (v == null) { v=0; } if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[canids[c]]; } else if (v > secondvotes) { secondvotes=v; } } if (maxvotes > 0) { numpoly++; } if ((maxvotes-secondvotes) > maxmargin) { maxmargin=maxvotes-secondvotes; } } } for (i=0; i<mpoly[milk].length; i++) { if (mpcid[milk][i]) { var allvotes=0; var maxvotes=0; var secondvotes=0; var wincolor='#ffffff'; //for (c=0; c<canids.length; c++) { for(var c in canids) { var v=0; if (canv[mpcid[milk][i]]) { v=canv[mpcid[milk][i]][canids[c]]; } if (v == null) { v=0; } allvotes+=v; if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[canids[c]]; } else if (v > secondvotes) { secondvotes=v; } } var opacity=Math.pow((maxvotes-secondvotes)/maxmargin,curve); //alert(wincolor+" "+opacity+" "+maxvotes+" "+allvotes); if (!turnover[mpcid[milk][i]]) { turnover[mpcid[milk][i]]='#000000'; } var zindex=0; if (turnover[mpcid[milk][i]] != '#000000') { zindex=10; } var sweight=1.5; if (curType == 'P') { sweight=0.1; } if (opacity == 0) { opacity=0.1; wincolor='#ffffff'; } dopoly[milk][i] = new google.maps.Polygon({ paths: mpoly[milk][i], strokeColor: turnover[mpcid[milk][i]], strokeOpacity: 0.9, strokeWeight: sweight, zIndex: zindex, fillColor: wincolor, fillOpacity: opacity }); dopoly[milk][i].set('cid',mpcid[milk][i]); google.maps.event.addListener(dopoly[milk][i], 'mouseover', function(event) { putRaceInfo(event.latLng,this); }); google.maps.event.addListener(dopoly[milk][i], 'mouseout', function(event) { remRaceInfo(event.latLng,this); }); google.maps.event.addListener(dopoly[milk][i], 'mousemove', function(event) { moveRaceInfo(event.latLng,this); }); google.maps.event.addListener(dopoly[milk][i], 'click', function(event) { goRaceInfo(event.latLng,this); }); dopoly[milk][i].setMap(map); } } for(var c in canids) { if (canlat[canids[c]] != null && canlon[canids[c]] != null && cancolor[canids[c]] != null && canname[canids[c]] != null) { var myLatlng = new google.maps.LatLng(canlat[canids[c]],canlon[canids[c]]); var myIcon = { path: "M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0", fillColor: cancolor[canids[c]], fillOpacity: 1, anchor: new google.maps.Point(0, 0), strokeWeight: 1, scale: 0.5 } var marker = new google.maps.Marker({ position: myLatlng, map: map, icon: myIcon, iconSize:[20,20], iconAnchor:[10,20], title: canname[canids[c]] }); } } for (i=0; i<mpoly[224].length; i++) { if (mpcid[224][i]=='137') { tmp = new google.maps.Polyline({ path: mpoly[224][i], strokeColor: "#00ff00", strokeOpacity: 0.9, strokeWeight: 2.0, zIndex: 20 }); tmp.setMap(map); var sw = new google.maps.LatLng(lmnlt[224][i],lmnlo[224][i]); var ne = new google.maps.LatLng(lmxlt[224][i],lmxlo[224][i]); var mapb = new google.maps.LatLngBounds(sw,ne); myFitBounds(map,mapb); //map.fitBounds(mapb); } } } } function redoMap(milk) { var msel=document.getElementById('ViewMap'); var map=msel.value; map=parseInt(map.substr(1)); var mtype=document.getElementById('WhichMap').value; //var curve=parseInt(document.getElementById('MapCurve').value)/100; var curve=parseInt($('#curveslider').slider( "option", "value" ))/100; var maxmargin=0; var maxavotes=0; var racevotes=0; for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { racevotes+=parseInt(canvotes[canids[c]]); } } //console.log('racevotes: '+racevotes); if (geojsonLayer[milk] !== undefined) { if ((mtype == 'bm' || mtype == 'bv') && bubbles[milk] === undefined) { bubbles[milk]=new Array; } for (var i in geojsonLayer[milk]._layers) { var cid=geojsonLayer[milk]._layers[i].feature.geometry.properties.cid; var maxvotes=0; var secondvotes=0; var allvotes=0; //for (c=0; c<canids.length; c++) { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } allvotes+=v; if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[canids[c]]; } else if (v > secondvotes) { secondvotes=v; } } } if ((maxvotes-secondvotes) > maxmargin) { maxmargin=maxvotes-secondvotes; } if (maxvotes > maxavotes) { maxavotes=maxvotes; } } for (var i in geojsonLayer[milk]._layers) { var cid=geojsonLayer[milk]._layers[i].feature.geometry.properties.cid; var allvotes=0; var allvotesp=0; var maxvotes=0; var secondvotes=0; var maxchange=0; var wincolor='#ffffff'; //for (c=0; c<canids.length; c++) { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } allvotes+=v; if (mtype == 'vd') { if (curType == 'P') { if (canpv[cid] && canpv[cid][canpty[canids[c]]]) { allvotesp+=canpv[cid][canpty[canids[c]]]; } } else { if (canp[cid] && canp[cid][canpty[canids[c]]]) { allvotesp+=canp[cid][canpty[canids[c]]]; } } } else if (mtype == 'vc') { if (curType == 'P') { //if (canpv[cid] && canpv[cid][canpty[canids[c]]]) { allvotesp+=canpv[cid][canpty[canids[c]]]; } } else { for(var key in racesubs[map]) { if (racesubs[map][key]['Subs'][cid] !== undefined) { for(var oc in racesubs[map][key]['Candidates']) { if (racesubs[map][key]['Candidates'][oc]['PartyID'] == canpty[canids[c]]) { allvotesp+=racesubs[map][key]['Subs'][cid][oc]; } } } } } } else { if (v > maxvotes) { secondvotes=maxvotes; maxvotes=v; wincolor=cancolor[canids[c]]; } else if (v > secondvotes) { secondvotes=v; } } } } if (mtype == 'vs') { var opacity=Math.pow((maxvotes-secondvotes)/maxmargin,curve); //if (numpoly==1) { opacity=Math.pow((maxvotes-secondvotes)/allvotes,curve); } //if (maxmargin == (maxvotes-secondvotes)) { opacity=0.5; } } else if (mtype == 'bm') { var bsize=(maxvotes-secondvotes)/maxavotes; var bopacity=0.8; var opacity=0; } else if (mtype == 'bv') { var bsize=allvotes/maxavotes; var bopacity=Math.pow((maxvotes-secondvotes)/allvotes,curve); //var bopacity=Math.pow((maxvotes-secondvotes)/maxmargin,curve); var opacity=0; } else if (mtype == 'vm') { var opacity=Math.pow((maxvotes-secondvotes)/allvotes,curve); } else if (mtype == 'vp') { var opacity=Math.pow(maxvotes/allvotes,curve); } else if (mtype == 'vx') { var wincolorr=0; var wincolorg=0; var wincolorb=0; for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } if (cancolor[canids[c]] === undefined || cancolor[canids[c]] == '') { cancolor[canids[c]]='#888888'; } var cpct=v/allvotes; wincolorr+=parseInt(cancolor[canids[c]].substr(1,2),16)*cpct; wincolorg+=parseInt(cancolor[canids[c]].substr(3,2),16)*cpct; wincolorb+=parseInt(cancolor[canids[c]].substr(5,2),16)*cpct; } } var wincolor='#'+toHex(Math.round(wincolorr))+toHex(Math.round(wincolorg))+toHex(Math.round(wincolorb)); var opacity=0.8; } else if (mtype == 'vt') { wincolor='#000000'; var opacity=Math.pow(allvotes/maxavotes,curve); } else if (mtype == 'vl') { var mgn=((maxvotes-secondvotes)/allvotes) * 100; if (mgn == 0) { var opacity=0; } else if (mgn < 4) { var opacity=0.1; } else if (mgn < 9) { var opacity=0.3; } else if (mgn < 15) { var opacity=0.6; } else { var opacity=0.9; } } else if (mtype == 'vd' && curType == 'P') { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } if (canpv[cid]) { percent_change=((v/allvotes)-(canpv[cid][canpty[canids[c]]]/allvotesp)); } else { percent_change=0; } if (percent_change > maxchange) { maxchange=percent_change; wincolor=cancolor[canids[c]]; } } } var opacity=Math.pow(maxchange,curve); } else if (mtype == 'vd') { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } if (canp[cid]) { percent_change=((v/allvotes)-(canp[cid][canpty[canids[c]]]/allvotesp)); } else { percent_change=0; } if (percent_change > maxchange) { maxchange=percent_change; wincolor=cancolor[canids[c]]; } } } var opacity=Math.pow(maxchange,curve); } else if (mtype == 'vc') { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } var canold=0; for(var key in racesubs[map]) { if (racesubs[map][key]['Subs'][cid] !== undefined) { for(var oc in racesubs[map][key]['Candidates']) { if (racesubs[map][key]['Candidates'][oc]['PartyID'] == canpty[canids[c]]) { canold+=racesubs[map][key]['Subs'][cid][oc]; } } } } if (canold) { percent_change=((v/allvotes)-(canold/allvotesp)); } else { percent_change=0; } if (percent_change > maxchange) { maxchange=percent_change; wincolor=cancolor[canids[c]]; } } } var opacity=Math.pow(maxchange,curve); } else if (mtype == 'vn') { for(var c in canids) { if (document.getElementById('MpCn'+canids[c]).checked) { var v=0; if (canv[cid]) { v=canv[cid][canids[c]]; } if (v == null) { v=0; } percent_change=((v/allvotes)-(canvotes[canids[c]]/racevotes)); if (percent_change > maxchange) { maxchange=percent_change; wincolor=cancolor[canids[c]]; } } } var opacity=Math.pow(maxchange,curve); } else if (mtype == 'dr') { var demosel=document.getElementById('SelDemographic').value; var demoval=demosel.split(': '); wincolor='#000000'; opacity=Math.pow(parseInt(demog[milk][cid]['Demographics'][demoval[0]][demoval[1]])/parseInt(demog[milk][cid]['Demographics']['Population']['Population']),curve); //console.log(opacity); } var sweight=0.5; if (curType == 'P') { sweight=0.1; } if (mtype == 'bm' || mtype == 'bv') { var radius=(Math.sqrt(bsize)/3.141529)*maxbubble[milk]*curve; if (bubbles[milk][i] === undefined) { if (!isNaN(geojsonLayer[milk]._layers[i].feature.geometry.properties.centroidlat)) { var pcenter=L.latLng(geojsonLayer[milk]._layers[i].feature.geometry.properties.centroidlat, geojsonLayer[milk]._layers[i].feature.geometry.properties.centroidlon); } else { var pcenter=geojsonLayer[milk]._layers[i].getBounds().getCenter(); } bubbles[milk][i]=L.circle(pcenter, { opacity:0, fillColor: wincolor, fillOpacity: bopacity, radius: radius, cid: cid }).addTo(leafmap[milk]); //bubbles[milk][i].feature.geometry.properties.cid=cid; bubbles[milk][i].on({ mouseover: putRaceInfo, mouseout: remRaceInfo, click: goRaceInfo }); } else { bubbles[milk][i].setStyle({fillOpacity: bopacity}); bubbles[milk][i].setRadius(radius); } } else { if (bubbles[milk] && bubbles[milk][i] !== undefined) { bubbles[milk][i].setStyle({fillOpacity: 0}); } if (opacity < 0.001) { opacity=0.4; wincolor='#ffffff'; } } geojsonLayer[milk]._layers[i].setStyle({fillColor:wincolor, fillOpacity:opacity, weight:sweight }); } } } function toHex(d) { return ("0"+(Number(d).toString(16))).slice(-2).toUpperCase(); } function putRaceInfo(e) { if (e.target.feature !== undefined) { var feature=e.target.feature; var cid=feature.geometry.properties.cid; } else { var cid=e.target.options.cid; } var msel=document.getElementById('ViewMap'); var map=msel.value; var newType=map.substr(0,1); if (newType == 'P') { var tcname=cname[cid]; } else { var tcname=subname[cid]; } var contentString='<table class="maprestblb" style="background-color:white;"><tr><th colspan="8" style="background-color:#333366;color:white;text-align:center;"><b>'+tcname+'</b></th></tr>'; var most=999999999999; var mostid=0; var didcan=[]; var mtype=document.getElementById('WhichMap').value; var milk=curView; if (mtype == 'vn') { var totalvotes=0; for(var i in canv[cid]) { if (document.getElementById('MpCn'+i).checked) { totalvotes+=canv[cid][i]; } } for(var j in canv[cid]) { if (document.getElementById('MpCn'+j) && document.getElementById('MpCn'+j).checked) { var newmost=-100; var pct=0; var delta=0; for(var i in canv[cid]) { if (document.getElementById('MpCn'+i) && document.getElementById('MpCn'+i).checked) { pct=Math.round((canv[cid][i]/totalvotes)*10000)/100; delta=(Math.round((pct-(canvotes[i]/1.000000*100))*100)/100); if (didcan[i] != 'Y' && delta <= most && delta >= newmost) { newmost=delta; mostid=i; } } } most=newmost; didcan[mostid]='Y'; pct=Math.round((canv[cid][mostid]/totalvotes)*10000)/100; delta=(Math.round((pct-(canvotes[mostid]/1.000000*100))*100)/100); contentString+='<tr><td bgcolor="'+cancolor[mostid]+'"> </td><td>'+canname[mostid]+'</td><td align="right">'+pct+'%</td><td align="right">'+canv[cid][mostid]+'</td>'; if (delta >= 0) { delta='+'+delta; } contentString+='<td align="right">'+delta+'%</td>'; contentString+='</tr>'; } } } else if (mtype == 'vd') { var totalvotes=0; allvotesp=0; if (curType == 'P') { var tcan=canpv; } else { var tcan=canp; } for(var i in canv[cid]) { if (document.getElementById('MpCn'+i).checked) { totalvotes+=canv[cid][i]; if (tcan[cid] && tcan[cid][canpty[i]]) { allvotesp+=tcan[cid][canpty[i]]; } } } for(var j in canv[cid]) { if (document.getElementById('MpCn'+j).checked) { var newmost=-100; var pct=0; var delta=0; for(var i in canv[cid]) { if (document.getElementById('MpCn'+i).checked) { pct=Math.round((canv[cid][i]/totalvotes)*10000)/100; if (tcan[cid][canpty[i]]) { delta=(Math.round((pct-(tcan[cid][canpty[i]]/allvotesp*100))*100)/100); } else { delta=pct; } //delta=(Math.round((pct-(canvotes[i]/1.000000*100))*100)/100); if (didcan[i] != 'Y' && delta <= most && delta >= newmost) { newmost=delta; mostid=i; } } } most=newmost; didcan[mostid]='Y'; pct=Math.round((canv[cid][mostid]/totalvotes)*10000)/100; var pvotes=tcan[cid][canpty[mostid]]; var ppct=Math.round(pvotes/allvotesp*10000)/100; if (typeof pvotes === 'undefined') { pvotes=0; ppct=0; } if (tcan[cid][canpty[mostid]]) { delta=(Math.round((pct-(pvotes/allvotesp*100))*100)/100); } else { delta=pct; } if (curType == 'P') { var tname=canname[canptyv[canpty[mostid]]]; } else { var tname=canname[canptyv[canpty[mostid]]]; } if (typeof tname === 'undefined') { tname='n/a'; } contentString+='<tr><td bgcolor="'+cancolor[mostid]+'"> </td><td>'+canname[mostid]+'</td><td align="right">'+pct+'%</td><td align="right">'+canv[cid][mostid]+'</td>'; contentString+='<td style="border-left:1px solid black;">'+tname+'</td>'; contentString+='<td align="right">'+ppct+'%</td>'; contentString+='<td align="right">'+pvotes+'</td>'; if (delta >= 0) { delta='+'+delta; } contentString+='<td align="right" style="border-left:1px solid black;">'+delta+'%</td>'; contentString+='</tr>'; } } } else if (mtype != 'dr') { for(var j in canv[cid]) { if (document.getElementById('MpCn'+j) && document.getElementById('MpCn'+j).checked) { var newmost=0; var totalvotes=0; for(var i in canv[cid]) { if (document.getElementById('MpCn'+i) && document.getElementById('MpCn'+i).checked) { totalvotes+=canv[cid][i]; if (didcan[i] != 'Y' && canv[cid][i] <= most && canv[cid][i] >= newmost) { newmost=canv[cid][i]; mostid=i; } } } most=newmost; didcan[mostid]='Y'; var pct=Math.round((canv[cid][mostid]/totalvotes)*10000)/100; contentString+='<tr><td bgcolor="'+cancolor[mostid]+'"> </td><td>'+canname[mostid]+'</td><td align="right">'+pct+'%</td><td align="right">'+canv[cid][mostid]+'</td>'; contentString+='</tr>'; } } } else { var demosel=document.getElementById('SelDemographic').value; var demoval=demosel.split(': '); var demopct=parseInt(demog[milk][cid]['Demographics'][demoval[0]][demoval[1]])/parseInt(demog[milk][cid]['Demographics']['Population']['Population'])*100; contentString+='<tr><td> </td><td>'+demosel+'</td><td align="right">'+demopct.toFixed(2)+'%</td></tr>'; } contentString+='</table>'; $('#MapLocDetails').html(contentString); $('#MapLocDetails').show(); } function remRaceInfo(e) { $('#MapLocDetails').hide(); } function goRaceInfo(e) { if (e.target.feature !== undefined) { var feature=e.target.feature; var cid=feature.geometry.properties.cid; } else { var cid=e.target.options.cid; } if (raceid[cid] > 0) { window.location='RaceDetail.html?RaceID='+raceid[cid]; } else if (curType == 'P') { window.location='VotingDistrictEdit.html?VotingDistrictID='+cid; } else { window.location='ContainerDetail.html?ContainerID='+cid; } } function infoWinKilled() { infowindow=null; } function rollToMap(cid) { for (m=0; m<mpoly.length; m++) { var milk=mpidd[m+1]; if (mpoly[milk]) { for (i=0; i<mpoly[milk].length; i++) { if (mpcid[milk][i] == cid) { pcolor=dopoly[milk][i].strokeColor; dopoly[milk][i].setOptions({strokeColor:'#ffffff',zIndex:20}); } } } } } function rollOutToMap(cid) { for (m=0; m<mpoly.length; m++) { var milk=mpidd[m+1]; if (mpoly[milk]) { for (i=0; i<mpoly[milk].length; i++) { if (mpcid[milk][i] == cid) { dopoly[milk][i].setOptions({strokeColor:pcolor,zIndex:0}); } } } } } function loadDemographics(milk) { } </script> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td class="Headline1" align="center" style="text-transform:uppercase;">United States 1912 - 1959 MAP</td></tr> <tr><td class="Switch0"> <script type="text/javascript"> var mymap; var multipolygon; function pageLoaded() { //alert('Page Loaded'); leafletMap(); $( window ).resize(function() { var ratio=lldistance(43.059824759204,-71.084334,47.459686,-71.084334,'K')/lldistance(43.059824759204,-71.084334,43.059824759204,-66.950569,'K'); setMapRatio(ratio); mymap.fitBounds([[43.059824759204,-71.084334],[47.459686,-66.950569]]); }); } function setMapRatio(mratio) { var mwidth=$('#map_canvas').outerWidth(); var mheight=Math.ceil(mwidth*mratio); if (mheight > 400) { mheight=400; } $('#map_canvas').height(mheight); } function lldistance(lat1, lon1, lat2, lon2, unit) { var radlat1 = Math.PI * lat1/180 var radlat2 = Math.PI * lat2/180 var theta = lon1-lon2 var radtheta = Math.PI * theta/180 var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta); if (dist > 1) { dist = 1; } dist = Math.acos(dist) dist = dist * 180/Math.PI dist = dist * 60 * 1.1515 if (unit=="K") { dist = dist * 1.609344 } if (unit=="N") { dist = dist * 0.8684 } return dist } function leafletMap() { mymap = L.map('map_canvas'); var ratio=lldistance(43.059824759204,-71.084334,47.459686,-71.084334,'K')/lldistance(43.059824759204,-71.084334,43.059824759204,-66.950569,'K'); setMapRatio(ratio); mymap.fitBounds([[43.059824759204,-71.084334],[47.459686,-66.950569]]); var jsonpoly=JSON.parse('{"type":"FeatureCollection","properties":{"id":"999","name":"Test"},"features":[{"type":"Feature","geometry":{"type":"MultiPolygon","properties":{"id":"99999"},"coordinates":[[[[-70.259117,45.890755],[-70.292736,46.191599],[-70.056433,46.415561],[-69.997086,46.69523],[-69.22442,47.459686],[-69.042702,47.426651],[-69.050334,47.256621],[-68.900985,47.178519],[-68.15515,47.32542],[-67.789761,47.065744],[-67.817892,45.693705],[-67.429716,45.583773],[-67.489333,45.281282],[-67.345585,45.126392],[-67.157919,45.161004],[-66.950569,44.814539],[-67.293403,44.599265],[-67.308538319869,44.707454239513],[-67.568159,44.531117],[-67.839895798312,44.558770683452],[-67.855108,44.419434],[-68.049334,44.33073],[-68.117746232551,44.475037827213],[-68.261708020592,44.484061681797],[-68.173608,44.328397],[-68.317588,44.225101],[-68.430946,44.298624],[-68.379100404697,44.430049119285],[-68.565160949722,44.399069702398],[-68.525301984184,44.227553697221],[-68.827197,44.31216],[-68.783679,44.473879],[-68.982449,44.426195],[-69.048917,44.062506],[-69.259838396104,43.921426617719],[-69.416165,43.977267],[-69.50329,43.837673],[-69.838689,43.70514],[-70.041351076716,43.738052871959],[-70.009869428454,43.859315485317],[-70.190014418243,43.771866487472],[-70.196911,43.565146],[-70.361214,43.52919],[-70.703818704863,43.059824759204],[-70.987649,43.389521],[-71.084334,45.305293],[-70.83877,45.237555],[-70.798028,45.426706],[-70.634661,45.383608],[-70.722845,45.512772],[-70.552793,45.667836]]],[[[-68.680773244666,44.279242418314],[-68.625235846891,44.196670911305]]],[[[-68.935327,44.13038],[-68.825067,44.186338],[-68.77965,44.057754],[-68.915627437356,44.109948235675]]]]}}]}'); multipolygon = L.geoJSON(jsonpoly, {color:'#FF0000',opacity:0.8,weight:2,fillColor:'#0000FF',fillOpacity:0.1} ); multipolygon.addTo(mymap); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'Data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a>, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Tiles: <a href="https://www.mapbox.com/">Mapbox</a>', tileSize: 512, zoomOffset: -1, maxZoom: 18, id: 'mapbox/streets-v11', accessToken: 'sk.eyJ1IjoiZW50cm9waXN0IiwiYSI6ImNraG53Y2M0ZzBiNHoyeW1pNTB1Mjc0NXMifQ.eSKmJwV5Qy1g-WELf1rL1g' }).addTo(mymap); var iconSVG='<svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -40 60 60" width="40" height="40"><path fill="#FF0000" fill-opacity="1" d="M0,-36c-9.941,0 -18,8.059 -18,18c0,13.858 18,36 18,36c0,0 18,-22.142 18,-36c0,-9.941 -8.059,-18 -18,-18z M-4,18 L4,18 Z" stroke="#000" stroke-width="3"/> <text x="0" y="-5" fill="#000" font-family="Arial" font-weight="bold" font-size="20" text-anchor="middle" alignment-baseline="middle"> </text></svg>'; var iconSVGblob = new Blob([iconSVG], { type: "image/svg+xml" }); var iconSVGurl = URL.createObjectURL(iconSVGblob); var myIcon = new L.icon({ iconUrl: iconSVGurl, iconSize:[20,20], iconAnchor:[10,20] }); var marker = new L.Marker([44.801182,-68.777814],{icon: myIcon, title:"Hannibal Hamlin" }).addTo(mymap); } </script> <div align="center"><div id="map_canvas" style="width:100%; height:300px;"></div></div> </td></tr></table> </IF> <script language="Javascript">  </script> <div id="fb-root"></div> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td colspan="8"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="42"><img src="../images/spacer.gif" width="40" height="15"></td><td class="Headline1" align="center">VIDEO ADVERTISEMENTS</td> <td width="42"><a href="AdVideoEdit.html?RaceLink=413212"><img src="../images/ButtonAdd.gif" width="40" height="15" border="0"></a></td></tr></table></td></tr> <tr bgcolor="#333366"><td style="width:260px;" valign="top"><div id="AdVideoPlay" style="display:none;"></div></td><td valign="top"><table class="infotable" cellspacing="0" cellpadding="0" style="width:99%"> <tr bgcolor="#333366" align="center"> <th class="Headline1" style="width:10%">Start Date</th> <th class="Headline1" style="width:20%;">Candidate</th> <th class="Headline1" style="width:10%;">Category</th> <th class="Headline1" style="width:10%;">Ad Tone</th> <th class="Headline1" style="width:5%;">Lng</th> <th class="Headline1" style="width:25%;">Title</th> <th class="Headline1" style="width:10%;">Run Time</th> <th class="Headline1" style="width:10%;">Contributor</th> </tr> </table> <div style="width:100%;height:100%;overflow:auto;"><table class="infotable" cellspacing="0" cellpadding="0" width="100%"> </table></div></td></tr> </table> <br> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td colspan="4"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="42"><img src="../images/spacer.gif" width="40" height="15"></td><td class="Headline1" align="center">BOOKS</td> <td width="42"><a href="BookEdit.html?AttachTo=Race&AttachID=413212"><img src="../images/ButtonAdd.gif" width="40" height="15" border="0"></a></td></tr></table></td></tr> <tr bgcolor="#333366" align="center"> <td class="Headline1">Title</td> <td class="Headline1">Purchase</td> <td class="Headline1">Contributor</td> </tr> </table> <br> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td colspan="3"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="42"><img src="../images/spacer.gif" width="40" height="15"></td><td class="Headline1" align="center">INFORMATION LINKS</td> <td width="42"></td></tr></table></td></tr> </table> <br> <table class="infotable" cellspacing="0" cellpadding="0" width="100%"> <tr bgcolor="#993333"><td colspan="5"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="42"><img src="../images/spacer.gif" width="40" height="15"></td><td class="Headline1" align="center"><a href="RaceDetail.html?RaceID=413212&ShowAllNews=Y" class="Headline1">NEWS</a></td> <td width="42"></td></tr></table></td></tr> <tr bgcolor="#333366" align="center"> <td class="Headline1">Date</td> <td class="Headline1">Category</td> <td class="Headline1">Headline</td> <td class="Headline1">Article</td> <td class="Headline1">Contributor</td> </tr> </table> <br> <script language="javascript">  </script> <div id="EmoteSelect" style="display:none;position:absolute;background-color:white;border:2px solid red;padding:4px;width:100px;z-index:300;"><b>Add Your 2¢</b><br><a href="javascript:emote(1)">Agree</a><br><a href="javascript:emote(2)">Disagree</a><br> <a href="javascript:emote(4)">Laugh</a><br><a href="javascript:emote(5)">Groan</a><br><a href="javascript:emote(3)">Troll</a><br><a href="javascript:emote(7)">Befuddled</a><br><a href="javascript:emote(6)">Work Complete</a><br><a href="javascript:emote(8)">Prediction</a><br><a href="javascript:emote(0)">[close]</a><br> </div> <div id="EmotePeople" style="display:none;position:absolute;background-color:white;border:2px solid red;padding:4px;width:100px;" onmouseout="emoteBlur()"> </div> <table class="infotable" cellspacing="0" cellpadding="0"><tr><th colspan="3">DISCUSSION</td></tr> <tr><td colspan="3"><div id="DiscussDiv" class="Switch0"> </td></tr> </table> <script language="JavaScript">  </script> </IF> </td></tr></table> <div align="right"> </div> </td> </tr> </table> </body> </html> <script> if (typeof window.drawLeanGraph === 'undefined') { function drawLeanGraph() {} } </script> </body> </html>