CINXE.COM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GPS Visualizer: SVG/JPEG/PNG input form</title> <script type="text/javascript"> MOBILE = false; </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <link rel="stylesheet" href="/gpsv.css" type="text/css" /> <script type="text/javascript" src="/gpsv.js"></script> <script type="text/javascript" src="/prebid-ads.js?adunitid=ad"></script> <script src="https://the.gatekeeperconsent.com/cmp.min.js" data-cfasync="false"></script> <script async src="https://www.ezojs.com/ezoic/sa.min.js"></script> <script> ezstandalone = window.ezstandalone || {}; ezstandalone.cmd = ezstandalone.cmd || []; ezstandalone.cmd.push(function(){ ezstandalone.enableConsent(); ezstandalone.define(103,104,105); ezstandalone.enable(); ezstandalone.display(); }); </script> <meta name="ezoic" content="block-npa" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ME227XBLB8"></script> <script> /* Google Analytics */ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ME227XBLB8'); </script> <link rel="shortcut icon" href="/favicon.png" /> <link rel="icon" sizes="144x144" href="/images/g-144x144.png" /> <meta name="theme-color" content="#0d4e0d" /> <link rel="image_src" href="https://www.gpsvisualizer.com/images/gpsvisualizer_thumbnail3.jpg" /> <meta property="og:image" content="https://www.gpsvisualizer.com/images/gpsvisualizer_thumbnail3.jpg" /> <meta name="description" content="GPS Visualizer is a free site that creates SVG or JPEG maps and profiles from GPS data (tracklogs & waypoints), street addresses, or simple coordinates."> </head> <body style="margin:0px;" onLoad="FilterMapList(document.main); CheckForDisabledMapSelection(document.main);ChangeFormTarget(document.main); Check_URL_For_Advanced_Options('show.?advanced','advanced_map_options','advanced_map_options_link'); Check_URL_For_Advanced_Options('show.?(advanced|trk.?advanced)','advanced_track_options','advanced_track_options_link'); Check_URL_For_Advanced_Options('show.?(advanced|trk.?advanced)','advanced_track_options_2','advanced_track_options_link'); Check_URL_For_Advanced_Options('show.?(advanced|wpt.?advanced)','advanced_waypoint_options','advanced_waypoint_options_link'); Check_URL_For_Highlighting(); Store_Form_Defaults('main');"> <div class="nonmobile_masthead" style="width:100%; background-color:#0d4e0d; padding:0px; color:#ffffff;"> <table cellspacing="0" cellpadding="0" border="0" style="background-color:#0d4e0d;"> <tr align="left" valign="middle"> <td style="padding-right:10px;"><a href="/"><img src="/images/gpsvisualizer_465x74.png" alt="GPS Visualizer" width="465" height="74" border="0" /></a></td> <td style="padding-right:15px;"> <table cellspacing="0" cellpadding="0" border="0"> <tr valign="top"> <td class="header_link" style="padding-left:9px; padding-right:6px;" nowrap> <p><a href="/map_input" style="text-transform:uppercase">Make a map</a></p> <p>- <a href="/map_input?form=leaflet">Leaflet</a>/<a href="/map_input?form=google">Google</a></p> <p>- <a href="/map_input?form=googleearth">Google Earth</a></p> <p>- <a href="/map_input?form=jpg">JPG</a>/<a href="/map_input?form=png">PNG</a>/<a href="/map_input?form=svg">SVG</a></p> </td> <td class="header_link" style="padding-left:9px; padding-right:6px;" nowrap> <p><a href="/profile_input" style="text-transform:uppercase">Make a profile</a></p> <p><a href="/convert_input" style="text-transform:uppercase">Convert a file</a></p> <p><a href="/draw/">Draw on a map</a></p> <p><a href="/calculators">Calculators</a></p> </td> <td class="header_link" style="padding-left:9px; padding-right:6px;" nowrap> <p><a href="/geocoding.php">Geocode addresses</a></p> <p><a href="/elevation">Look up elevations</a></p> <p><a href="/atlas.php">Atlas: Share a map</a></p> <p><a href="/gpsbabel/">GPSBabel</a></p> </td> <td class="header_link" style="padding-left:9px; padding-right:6px;" nowrap> <p><a href="/examples/">Examples</a></p> <p><a href="/tutorials/">Help/FAQ</a></p> <p><a href="/about.php">About GPSV</a></p> </td> </tr> </table> </td> <td valign="top" align="right" width="24" style="padding-top:8px;"> <a target="_blank" href="https://www.facebook.com/gpsvisualizer" class=""><img src="/images/facebook-48x48.svg" width="24" height="24" border="0" /></a> </td> </tr> </table> </div> <table cellspacing="0" cellpadding="0" border="0" style="width:100%"><tr align="left" valign="top"> <td id="sidebar" style="height:100%; padding:8px;"> <div id="sidebar_strip" style="padding:0px; min-width:160px; transition:min-width 0.5s;"> <div id="ezoic-pub-ad-placeholder-103"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0538542711751001" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-0538542711751001" data-ad-slot="7977873699"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </td> <td class="nonmobile_body" width="100%"> <div id="header_strip" style="padding:3px; height:90px; max-height:90px; xoverflow:hidden !important; transition:min-height 0.5s; text-align:center;"> <div id="ezoic-pub-ad-placeholder-104"> <table id="ez_donation_strip" style="display:none;"><tr><td height="50" valign="middle" nowrap><a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PN7SLQGN4BYNE&source=url"><img src="https://www.gpsvisualizer.com/images/paypal-130x50.png" border="0" align="absmiddle" style="margin-right:4px;" /></a> <b>No ads? No problem!</b> You can support GPS Visualizer by <a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PN7SLQGN4BYNE&source=url">making a donation with PayPal</a> instead.</td></tr></table> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0538542711751001" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-0538542711751001" data-ad-slot="6664792025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <script type="text/javascript"> function ShrinkHeaderAndSidebar() { if (document.getElementById('sidebar_strip')) { //document.getElementById('sidebar_strip').style.minWidth = '80px'; } if (document.getElementById('header_strip')) { document.getElementById('header_strip').style.height = 'none'; document.getElementById('header_strip').style.minHeight = '0px'; } } function DonationBanner() { AdBlockerDetected = (self.NoAdBlocker) ? false : true; if (AdBlockerDetected){ // ad blocker IS in use if (document.getElementById('header_strip')) { var msg = '<table id="donation_strip" cellspacing="0" cellpadding="0" border="0" style="height:100%"><tr><td height="50" valign="middle"><a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PN7SLQGN4BYNE&source=url"><img src="https://www.gpsvisualizer.com/images/paypal-130x50.png" border="0" align="absmiddle" style="margin-right:4px;"><'+'/a><'+'/td><'+'td><b>No ads? No problem.<'+'/b> You can support GPS Visualizer by <a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PN7SLQGN4BYNE&source=url">making a donation with PayPal<'+'/a> instead.<'+'/td><'+'/tr><'+'/table>'; document.getElementById('header_strip').innerHTML = msg; } // ShrinkHeaderAndSidebar(); } // the following line puts in the donation message even if an ad-blocker wasn't detected, by detecting that the "waldo" tag was NOT replaced with an ad. } window.setTimeout('DonationBanner()',2000); </script> </div> <h1>Draw an SVG, JPEG, or PNG map</h1> <span style="color:#CC0000; font-weight:bold"></span> <table> <tr><td colspan="3"> <p style="margin-top: 0px">GPS Visualizer has a number of different map input forms that will import your data for various purposes. Use the one that best suits your needs.</p> </td></tr> <tr valign="top"> <td width="50%"> <p class="formlist"> <b><a href="/map_input?form=svg">SVG</a>/<a href="/map_input?form=jpg">JPEG</a>/<a href="/map_input?form=png">PNG</a></b></a>: The form below. Optimized for creating "flat" map formats: SVG, PNG, and JPEG.</p>  <p class="formlist"> <a href="/map_input?form=leaflet"><b>Leaflet</b></a>/<a href="/map_input?form=google"><b>Google Maps</b></a>: For viewing tracks or waypoints in a Web browser using the Leaflet or <nobr>Google Maps API.</nobr></p> <p class="formlist"> <a href="/map_input?form=googleearth"><b>Google Earth</b></a>: Creates a KML file that can be visualized in 3-D in <nobr>Google Earth.</nobr></p> </td> <td>   </td> <td width="50%"> <p class="formlist"> <a href="/map_input?form=data"><b>Quantitative data</b></a>: Plot any data field as symbols of varying size and/or color on a map, in any output format.</p> <p class="formlist"> <a href="/convert_input"><b>Conversion utility</b></a>: Convert data to <a href="/convert_input">plain text</a> or <a href="/convert_input?convert_output=gpx">GPX</a> format.</p>    </td> </tr></table> <br> <form name="main" target="_blank" method="POST" enctype="multipart/form-data" action="map?output" onsubmit="return Validate_Map_Form(document.main);" class="gpsv_form"> <table><tr valign="top"><td> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr><td colspan="2" bgcolor="#004400"> <table cellspacing="0" cellpadding="0" width="100%"><tr valign="top"> <td align="left" style="color:#FFFFFF"><b>General map parameters</b></td><td>  </td> <td align="right" style="color:#CCCCCC"><a href="javascript:void(0)" style="color:#CCCCCC; text-decoration:none;" onclick="Toggle('advanced_map_options'); if(document.getElementById('advanced_map_options').style.display=='none'){this.innerHTML='show advanced map options [+]';this.blur();}else{this.innerHTML='hide advanced map options [-]';this.blur();}; return true;">show advanced map options [+]</a></td> </tr></table> </td></tr> <tr valign="middle"> <td align="right" nowrap>Output format:</td> <td nowrap><select class="normal" name="format" size="1" id="format" onChange="FilterMapList(this.form); if(this.value=='google'){confirmRedirectSubmit('map?form=google','GPS Visualizer\'s special Google Maps input form',this.value);} else if(this.value=='googleearth'){confirmRedirectSubmit('map?form=googleearth','GPS Visualizer\'s special Google Earth input form (with extra options for KML output)',this.value);}"><option value="png">PNG - uncompressed pixel-based graphic</option><option value="jpg">JPEG - similar to PNG, but compressed</option><option value="svg" selected>SVG - a vector format</option></select> <a target="help" class="linktohelp" href="help.php#format" onClick="HelpPopup('format'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Width:</td> <td nowrap> <input type="text" size="5" maxlength="5" name="width" value="700">px <a target="help" class="linktohelp" href="help.php#width_height" onClick="HelpPopup('width_height'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Height: <input type="text" size="5" maxlength="5" name="height" value="auto">px <a target="help" class="linktohelp" href="help.php#width_height" onClick="HelpPopup('width_height'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Margin: <input type="text" size="4" maxlength="3" name="margin" value="40" onChange="if(this.form.bbox.value){this.value='0'}">px <a target="help" class="linktohelp" href="help.php#margin" onClick="HelpPopup('margin'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Units:</td> <td nowrap><select class="normal" name="units" size="1"><option value="metric">Metric</option><option value="us">U.S.</option><option value="nautical">Nautical</option></select> <a target="help" class="linktohelp" href="help.php#units" onClick="HelpPopup('units'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Title: <input type="text" size="24" name="drawing_title" value=""> <a target="help" class="linktohelp" href="help.php#drawing_title" onClick="HelpPopup('drawing_title'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Background map:</td> <td nowrap> <select class="normal" name="bg_map" size=1 onChange="CheckForDisabledMapSelection(document.main);bg_map_changed=true;"><option value="none">None</option><option value="terrestris_osm" selected>OpenStreetMap (Terrestris)</option><option value="terrestris_osm_relief">OpenStreetMap+relief (Terrestris)</option><option value="demis">physical map (DEMIS)</option><option value="demis_nocities">physical map, no city labels</option><option value="demis_relief">physical map, no manmade features</option><option value="demis_borders">country borders ONLY</option><option value="bluemarble">"Visible Earth" (low resolution)</option><option value="US_NATIONAL_ATLAS">US: The National Atlas base map</option><option value="US_NATIONAL_ATLAS_AERIAL">US: The National Atlas aerial</option><option value="US_NATIONAL_ATLAS_HYBRID">US: The National Atlas hybrid</option><option value="US_STATES">US: Simple state outlines</option><option value="US_COUNTIES">US: Simple county outlines</option><option value="CA_NRCAN_TOPORAMA">Canada: NRCan Toporama</option><option value="CA_NRCAN_TOPORAMA2">Canada: NRCan Toporama (no feature names)</option><option value="canimage">Canada: CanImage satellite (old)</option></select> <a target="help" class="linktohelp" href="help.php#bg_map" onClick="HelpPopup('bg_map'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>  </td> </tr> <tr valign="middle"> <td align="right" nowrap>BG map opacity:</td> <td nowrap> <select class="normal" name="bg_opacity" size="1"><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50" selected>50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100">100%</option></select> <a target="help" class="linktohelp" href="help.php#bg_opacity" onClick="HelpPopup('bg_opacity'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>   Embed map in SVG:<select class="normal" name="svg_embed_bg" size="1"><option value="0" selected>No</option><option value="1">Yes</option></select> <a target="help" class="linktohelp" href="help.php#svg_embed_bg" onClick="HelpPopup('svg_embed_bg'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle" nowrap> <td align="left" nowrap colspan="2"> Add DEM elevation data: <select class="normal" name="add_elevation" size="1"><option value="0" selected>No</option><option value="auto">best available source</option><option value="NED1">USGS NED1 (30m res., North America)</option><option value="NED2">USGS NED2 (60m res., Alaska only)</option><option value="ODP1">ODP1 (30m res., northern/western Europe)</option><option value="NASA1">NASA SRTM1 (30m res., worldwide)</option><option value="SRTM3">NASA SRTM3 (90m res., worldwide)</option><option value="ASTER">ASTER (30m res., limited availability)</option></select> <a target="help" class="linktohelp" href="help.php#add_elevation" onclick="HelpPopup('add_elevation'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> </table> <div id="advanced_map_options" class="advanced_options_box" style="display:none;"> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr valign="middle"> <td align="right" nowrap>Map boundaries:</td> <td nowrap> <input type="text" size="15" name="bbox" value="" onChange="this.form.margin.value='0';"> (optional: S,W,N,E in degrees) <a target="help" class="linktohelp" href="help.php#bbox" onClick="HelpPopup('bbox'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Scale length:</td> <td nowrap> <input type="text" size="12" maxlength="12" name="scale_length" value="auto"> <a target="help" class="linktohelp" href="help.php#scale_length" onClick="HelpPopup('scale_length'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Text size: <input type="text" size="5" maxlength="3" name="text_size" value="11"> points <a target="help" class="linktohelp" href="help.php#text_size" onClick="HelpPopup('text_size'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Border:</td> <td nowrap> <select class="normal" name="border" size="1"><option value="1">Yes</option><option value="0" selected>No</option></select> <a target="help" class="linktohelp" href="help.php#border" onClick="HelpPopup('border'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>  </td> </tr> </table> </div> <table cellspacing="0" cellpadding="2" border="0" width="100%" style="margin-top:8px;"> <tr><td bgcolor="#004400"> <table cellspacing="0" cellpadding="0" width="100%"><tr valign="top"> <td align="left" style="color:#FFFFFF"><b>Track options</b></td><td>  </td> <td align="right" style="color:#CCCCCC"><a href="javascript:void(0)" style="color:#CCCCCC; text-decoration:none;" onclick="Toggle('advanced_track_options'); Toggle('advanced_track_options_2'); if(document.getElementById('advanced_track_options').style.display=='none'){this.innerHTML='show advanced track options [+]';this.blur();}else{this.innerHTML='hide advanced track options [-]';this.blur();}; return true;">show advanced track options [+]</a></td> </tr></table> </td></tr> <tr valign="middle"> <td nowrap> Line width: <input type="text" size="5" maxlength="3" name="trk_width" value="2"> <a target="help" class="linktohelp" href="help.php#trk_width" onClick="HelpPopup('trk_width'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Line opacity:<select class="normal" name="trk_opacity" size=1><option value="0">0%</option><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100" selected>100%</option></select> <a target="help" class="linktohelp" href="help.php#trk_opacity" onclick="HelpPopup('trk_opacity'); return false;"><img src="/images/help.png" width=9 height=12 align="baseline" border=0 alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap> Connect segments: <select class="normal" name="connect_segments" size="1"><option value="0" selected>No</option><option value="1">Yes</option></select> <a target="help" class="linktohelp" href="help.php#connect_segments" onClick="HelpPopup('connect_segments'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Tickmark interval: <input type="text" size="8" maxlength="8" name="tickmark_interval" value="" onchange="if(this.value!=''){Show('tickmark_options_row');}" onfocus="if(this.value!=''){Show('tickmark_options_row');}"> <a target="help" class="linktohelp" href="help.php#tickmark_interval" onClick="HelpPopup('tickmark_interval'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle" id="tickmark_options_row" style="display:none;"> <td nowrap> Use cumulative distance for tickmarks: <select class="normal" name="cumulative_distance" size="1"><option value="1">Yes</option><option value="0" selected>No</option></select>     Zero distance mark: <select class="normal" name="tickmark_zero" size="1"><option value="1">Yes</option><option value="0" selected>No</option></select>  </td> </tr> <tr valign="middle"> <td nowrap> Re-order coterminous tracks: <select class="normal" name="trk_reorder" size="1" onchange="if(this.value!='0'){Show('trk_reorder_threshold_row');}" onfocus="if(this.value!='0'){Show('trk_reorder_threshold_row');}"><option value="0" selected>No</option><option value="m">Merge all coterminous tracks</option><option value="mr">Merge all coterminous tracks (allow reversal)</option><option value="mn">Merge tracks if names match</option><option value="mnr">Merge tracks if names match (allow reversal)</option><option value="o">Re-order only</option><option value="or">Re-order only (allow reversal)</option></select> <a target="help" class="linktohelp" href="help.php#trk_reorder" onclick="HelpPopup('trk_reorder'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle" id="trk_reorder_threshold_row" style="display:none;"> <td align="left" nowrap>    Threshold (in meters) for re-ordering/merging tracks: <input type="text" size="3" maxlength="4" name="trk_reorder_threshold" value="0"> <a target="help" class="linktohelp" href="help.php#trk_reorder_threshold" onclick="HelpPopup('trk_reorder_threshold'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap> Trackpoint distance threshold: <input type="text" size="6" name="trk_distance_threshold" value=""> <a target="help" class="linktohelp" href="help.php#trk_distance_threshold" onclick="HelpPopup('trk_distance_threshold'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Max. points per track: <input type="text" size="5" maxlength="5" name="trk_simplify" value=""> <a target="help" class="linktohelp" href="help.php#trk_simplify" onclick="HelpPopup('trk_simplify'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap> Colorize by: <select class="normal" name="trk_colorize" size="1" onchange="if(this.value=='custom'){Show('trk_colorize_custom_row');this.form.trk_colorize_custom.focus();}else if(this.value=='vmg'){Show('vmg_point_row');this.form.vmg_point.focus();}" onfocus="if(this.value=='custom'){Show('trk_colorize_custom_row');}else if(this.value=='vmg'){Show('vmg_point_row');}"><option value="none">None</option><option value="track" selected>Track (recommended)</option><option value="altitude">Altitude/elevation</option><option value="speed">Speed</option><option value="course">Course/heading</option><option value="slope">Slope</option><option value="climb">Climb rate</option><option value="pace">Pace</option><option value="vmg">V.M.G.</option><option value="distance">Distance</option><option value="time">Time</option><option value="sat">Satellites</option><option value="hdop">HDOP</option><option value="snr">SNR</option><option value="hr">Heart rate</option><option value="n">N</option><option value="custom">custom field</option></select> <a target="help" class="linktohelp" href="help.php#trk_colorize" onclick="HelpPopup('trk_colorize'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Default color: <select class="normal" name="trk_hue" size="1"><option value="0" selected style="border-left:12px solid #ff0000; color:#ff0000;">Red</option><option value="30" style="border-left:12px solid #ff7f00; color:#ff7f00;">Orange</option><option value="60" style="border-left:12px solid #cccc00; color:#cccc00;">Yellow</option><option value="120" style="border-left:12px solid #00cc00; color:#00cc00;">Green</option><option value="180" style="border-left:12px solid #00cccc; color:#00cccc;">Cyan</option><option value="240" style="border-left:12px solid #0000cc; color:#0000cc;">Blue</option><option value="270" style="border-left:12px solid #7f00ff; color:#7f00ff;">Violet</option><option value="300" style="border-left:12px solid #cc00cc; color:#cc00cc;">Magenta</option></select> <a target="help" class="linktohelp" href="help.php#trk_hue" onclick="HelpPopup('trk_hue'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle" id="trk_colorize_custom_row" style="display:none;"> <td nowrap align="center"> Custom colorization field: <input type="text" size="12" name="trk_colorize_custom" value="" onChange="if(this.value!=''){this.form.trk_colorize.value='custom';}"> </td> </tr> <tr valign="middle" id="vmg_point_row" style="display:none;"> <td nowrap align="center"> VMG target waypoint: <input type="text" size="20" name="vmg_point" value=""> <a target="help" class="linktohelp" href="help.php#vmg_point" onClick="HelpPopup('vmg_point'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> </table> <div id="advanced_track_options" class="advanced_options_box" style="display:none;"> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr valign="middle"> <td align="right" nowrap>Colorize min.:</td> <td nowrap> <input type="text" size="3" name="colorize_min" value=""> <a target="help" class="linktohelp" href="help.php#colorize_limits" onclick="HelpPopup('colorize_limits'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>   Colorize max.: <input type="text" size="3" name="colorize_max" value=""> <a target="help" class="linktohelp" href="help.php#colorize_limits" onclick="HelpPopup('colorize_limits'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Lightness:</td> <td nowrap> <select class="normal" name="lightness" size="1"><option value="0">0%</option><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80" selected>80%</option><option value="90">90%</option><option value="100">100%</option></select> <a target="help" class="linktohelp" href="help.php#lightness" onClick="HelpPopup('lightness'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Saturation: <select class="normal" name="saturation" size="1"><option value="0">0%</option><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100" selected>100%</option></select> <a target="help" class="linktohelp" href="help.php#saturation" onClick="HelpPopup('saturation'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Spectrum direction:</td> <td nowrap> <select class="normal" name="colorize_reverse" size="1"><option value="0" selected>up</option><option value="1">down</option></select> <a target="help" class="linktohelp" href="help.php#hue" onClick="HelpPopup('hue'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>  Hue 1: <select class="normal" name="hue1" size="1"><option value="0" selected style="border-left:12px solid #ff0000; color:#ff0000;">0°</option><option value="30" style="border-left:12px solid #cc6600; color:#cc6600;">30°</option><option value="45" style="border-left:12px solid #cc9900; color:#cc9900;">45°</option><option value="60" style="border-left:12px solid #cccc00; color:#cccc00;">60°</option><option value="90" style="border-left:12px solid #66cc00; color:#66cc00;">90°</option><option value="120" style="border-left:12px solid #00cc00; color:#00cc00;">120°</option><option value="135" style="border-left:12px solid #00cc33; color:#00cc33;">135°</option><option value="150" style="border-left:12px solid #00cc66; color:#00cc66;">150°</option><option value="180" style="border-left:12px solid #00cccc; color:#00cccc;">180°</option><option value="210" style="border-left:12px solid #0066cc; color:#0066cc;">210°</option><option value="225" style="border-left:12px solid #0033cc; color:#0033cc;">225°</option><option value="240" style="border-left:12px solid #0000cc; color:#0000cc;">240°</option><option value="270" style="border-left:12px solid #6600cc; color:#6600cc;">270°</option><option value="300" style="border-left:12px solid #cc00cc; color:#cc00cc;">300°</option><option value="315" style="border-left:12px solid #cc0099; color:#cc0099;">315°</option><option value="330" style="border-left:12px solid #cc0066; color:#cc0066;">330°</option></select> <a target="help" class="linktohelp" href="help.php#hue" onClick="HelpPopup('hue'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>  Hue 2: <select class="normal" name="hue2" size="1"><option value="0" style="border-left:12px solid #ff0000; color:#ff0000;">0°</option><option value="30" style="border-left:12px solid #cc6600; color:#cc6600;">30°</option><option value="45" style="border-left:12px solid #cc9900; color:#cc9900;">45°</option><option value="60" style="border-left:12px solid #cccc00; color:#cccc00;">60°</option><option value="90" style="border-left:12px solid #66cc00; color:#66cc00;">90°</option><option value="120" style="border-left:12px solid #00cc00; color:#00cc00;">120°</option><option value="135" style="border-left:12px solid #00cc33; color:#00cc33;">135°</option><option value="150" style="border-left:12px solid #00cc66; color:#00cc66;">150°</option><option value="180" style="border-left:12px solid #00cccc; color:#00cccc;">180°</option><option value="210" style="border-left:12px solid #0066cc; color:#0066cc;">210°</option><option value="225" style="border-left:12px solid #0033cc; color:#0033cc;">225°</option><option value="240" style="border-left:12px solid #0000cc; color:#0000cc;">240°</option><option value="270" style="border-left:12px solid #6600cc; color:#6600cc;">270°</option><option value="300" selected style="border-left:12px solid #cc00cc; color:#cc00cc;">300°</option><option value="315" style="border-left:12px solid #cc0099; color:#cc0099;">315°</option><option value="330" style="border-left:12px solid #cc0066; color:#cc0066;">330°</option></select> <a target="help" class="linktohelp" href="help.php#hue" onClick="HelpPopup('hue'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Custom spectrum file (URL): <input type="text" size="30" name="colorize_spectrum" value=""> <a target="help" class="linktohelp" href="help.php#colorize_spectrum" onClick="HelpPopup('colorize_spectrum'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Color of values beyond min. or max.: <select class="normal" name="colorize_gray" size="1"><option value="1" selected>Gray</option><option value="0">Min./max. color continues</option><option value="2">Do not draw</option></select> <a target="help" class="linktohelp" href="help.php#colorize_gray" onClick="HelpPopup('colorize_gray'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Show track names:</td> <td nowrap><select class="normal" name="trk_name" size="1"><option value="1" selected>Yes</option><option value="0">No</option></select> <a target="help" class="linktohelp" href="help.php#trk_name" onClick="HelpPopup('trk_name'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Show descriptions: <select class="normal" name="trk_desc" size="1"><option value="1" selected>Yes</option><option value="0">No</option></select> <a target="help" class="linktohelp" href="help.php#trk_desc" onClick="HelpPopup('trk_desc'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Legend placement:</td> <td nowrap> <select class="normal" name="legend_placement" size="1"><option value="none">None</option><option value="topleft">Top left</option><option value="topright">Top right</option><option value="bottomleft" selected>Bottom left</option><option value="bottomright">Bottom right</option></select> <a target="help" class="linktohelp" href="help.php#legend_placement" onClick="HelpPopup('legend_placement'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>     Legend steps: <input type="text" size="5" maxlength="2" name="legend_steps" value="5"> <a target="help" class="linktohelp" href="help.php#legend_steps" onClick="HelpPopup('legend_steps'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Include colored squares next to legend labels:  <select class="normal" name="legend_blocks" size="1"><option value="0">No</option><option value="1" selected>Yes</option></select> <a target="help" class="linktohelp" href="help.php#legend_blocks" onClick="HelpPopup('legend_blocks'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Drawing mode:</td> <td nowrap> <select class="normal" name="drawing_mode" size="1"><option value="lines" selected>Lines</option><option value="dots">Dots</option></select> <a target="help" class="linktohelp" href="help.php#drawing_mode" onClick="HelpPopup('drawing_mode'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Reverse points: <select class="normal" name="reverse" size="1"><option value="1">Yes</option><option value="0" selected>No</option></select> <a target="help" class="linktohelp" href="help.php#reverse" onClick="HelpPopup('reverse'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Default polygon opacity ("filled" tracks only):  <select class="normal" name="trk_fill_opacity" size="1"><option value="" selected>--</option><option value="0">0%</option><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100">100%</option></select> <a target="help" class="linktohelp" href="help.php#trk_fill_opacity" onClick="HelpPopup('trk_fill_opacity'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Preserve colors and widths from input files (e.g., from KML):  <select class="normal" name="trk_preserve_attr" size="1"><option value="0">No</option><option value="1" selected>Yes</option></select> <a target="help" class="linktohelp" href="help.php#trk_preserve_attr" onClick="HelpPopup('trk_preserve_attr'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> </table> </div> <div id="advanced_track_options_2" class="advanced_options_box" style="display:none; margin-top:6px;"> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr valign="middle"> <td align="right" nowrap>Draw as waypoints:</td> <td nowrap> <select class="normal" name="trk_as_wpt" size="1"><option value="0" selected>No</option><option value="blank">Yes, with no names</option><option value="time">Yes, named with time stamps</option><option value="numbers">Yes, named with sequential trackpoint numbers</option><option value="colorize">Yes, named with data from the "colorize" field</option></select> <a target="help" class="linktohelp" href="help.php#trk_as_wpt" onClick="HelpPopup('trk_as_wpt'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Moving average range for estimated fields (speed, slope, etc.): <input type="text" size="3" name="moving_average" value="1"> point(s) <a target="help" class="linktohelp" href="help.php#moving_average" onclick="HelpPopup('moving_average'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>GPX/CSV routepoints:</td> <td nowrap> <select class="normal" name="convert_routes" size="1"><option value="0">Do not display routes or routepoints</option><option value="t">Convert to tracks only</option><option value="t_nw" selected>Convert to tracks, but include named points as waypoints</option><option value="t_aw">Convert to tracks and include ALL as waypoints</option><option value="nw">Convert only named points to waypoints</option><option value="aw">Convert all points to waypoints</option></select> <a target="help" class="linktohelp" href="help.php#convert_routes" onClick="HelpPopup('convert_routes'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Show track statistics (distance, time, elevation): <select class="normal" name="trk_stats" size="1"><option value="1">Yes</option><option value="0" selected>No</option></select> <a target="help" class="linktohelp" href="help.php#trk_stats" onclick="HelpPopup('trk_stats'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2" id="elevation_gain_cell"> Calculate elevation gain: <select class="normal" name="trk_elevation_gain" size="1" onchange="if(this.value!=0){Track_Statistics_Warning(this);}"><option value="1">Yes</option><option value="0" selected>No</option></select> <a target="help" class="linktohelp" href="/tutorials/elevation_gain.php" xonClick="HelpPopup('trk_elevation_gain'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Elevation threshold: <input type="text" size="6" name="trk_elevation_threshold" value=""> <a target="help" class="linktohelp" href="/tutorials/elevation_gain.php" xonClick="HelpPopup('trk_elevation_threshold'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> </table> </div> <table cellspacing="0" cellpadding="2" border="0" width="100%" style="margin-top:8px;"> <tr><td colspan="2" bgcolor="#004400"> <table cellspacing="0" cellpadding="0" width="100%"><tr valign="top"> <td align="left" style="color:#FFFFFF"><b>Waypoint options</b></td><td>  </td> <td align="right" style="color:#CCCCCC"><a href="javascript:void(0)" style="color:#CCCCCC; text-decoration:none;" onclick="Toggle('advanced_waypoint_options'); if(document.getElementById('advanced_waypoint_options').style.display=='none'){this.innerHTML='show advanced waypoint options [+]';this.blur();}else{this.innerHTML='hide advanced waypoint options [-]';this.blur();}; return true;">show advanced waypoint options [+]</a></td> </tr></table> </td></tr> <tr valign="middle"> <td align="right" nowrap>Show waypoints:</td> <td nowrap> <select class="normal" name="show_wpt" size="1" onchange="if(this.value=='2'){Show('padding_row');}" onfocus="if(this.value=='2'){Show('padding_row');}"><option value="0">None</option><option value="1">In bounds of tracks only</option><option value="2">In bounds of track plus margin/padding</option><option value="3" selected>All (bounds are defined by waypoints)</option></select> <a target="help" class="linktohelp" href="help.php#show_wpt" onClick="HelpPopup('show_wpt'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle" id="padding_row" style="display:none;"> <td align="left" nowrap colspan="2"> Waypoint display padding: <select class="normal" name="padding" size="1"><option value="0">0%</option><option value="5">5%</option><option value="10" selected>10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100">100%</option></select> <a target="help" class="linktohelp" href="help.php#padding" onclick="HelpPopup('padding'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Waypoint names:</td> <td nowrap><select class="normal" name="wpt_name" size="1"><option value="1" selected>Yes</option><option value="0">No</option></select> <a target="help" class="linktohelp" href="help.php#wpt_name" onClick="HelpPopup('wpt_name'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Waypoint descriptions: <select class="normal" name="wpt_desc" size="1"><option value="1" selected>Yes</option><option value="0">No</option></select> <a target="help" class="linktohelp" href="help.php#wpt_desc" onClick="HelpPopup('wpt_desc'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> </table> <div id="advanced_waypoint_options" class="advanced_options_box" style="display:none;"> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr valign="middle"> <td nowrap colspan="2"> Waypoint name/desc position:  <select class="normal" name="wpt_name_position" size="1"><option value="">Both right & left</option><option value="right" selected>Right only</option><option value="left">Left only</option></select> <a target="help" class="linktohelp" href="help.php#wpt_name_position" onClick="HelpPopup('wpt_name_position'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Preserve waypoint colors and symbols (e.g., from KML or Garmin):  <select class="normal" name="wpt_preserve_attr" size="1"><option value="0">No</option><option value="1" selected>Yes</option></select> <a target="help" class="linktohelp" href="help.php#wpt_preserve_attr" onClick="HelpPopup('wpt_preserve_attr'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Waypoint radius:</td> <td nowrap> <input type="text" size="4" maxlength="3" name="wpt_radius" value="3"> pixels <a target="help" class="linktohelp" href="help.php#wpt_radius" onClick="HelpPopup('wpt_radius'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>   Default color: <select class="normal" name="wpt_color" id="select:wpt_color" size="1" onchange="ChangeExampleIcon('select:google_wpt_sym','select:wpt_color','example_icon_block','input:wpt_sym_custom');"><option value="" selected style="xborder-left:12px solid none;"> </option><option value="pink" style="border-left:12px solid pink; color:pink;">pink</option><option value="red" style="border-left:12px solid red; color:red;">red</option><option value="maroon" style="border-left:12px solid maroon; color:maroon;">maroon</option><option value="orange" style="border-left:12px solid orange; color:orange;">orange</option><option value="yellow" style="border-left:12px solid yellow; color:yellow;">yellow</option><option value="olive" style="border-left:12px solid olive; color:olive;">olive</option><option value="lime" style="border-left:12px solid lime; color:lime;">lime</option><option value="green" style="border-left:12px solid green; color:green;">green</option><option value="aqua" style="border-left:12px solid aqua; color:aqua;">aqua</option><option value="teal" style="border-left:12px solid teal; color:teal;">teal</option><option value="blue" style="border-left:12px solid blue; color:blue;">blue</option><option value="navy" style="border-left:12px solid navy; color:navy;">navy</option><option value="violet" style="border-left:12px solid violet; color:violet;">violet</option><option value="purple" style="border-left:12px solid purple; color:purple;">purple</option><option value="magenta" style="border-left:12px solid magenta; color:magenta;">magenta</option><option value="white" style="border-left:12px solid white; color:#cccccc;">white</option><option value="silver" style="border-left:12px solid silver; color:silver;">silver</option><option value="gray" style="border-left:12px solid gray; color:gray;">gray</option><option value="black" style="border-left:12px solid black; color:black;">black</option><option value="tan" style="border-left:12px solid tan; color:tan;">tan</option><option value="brown" style="border-left:12px solid brown; color:brown;">brown</option></select> <a target="help" class="linktohelp" href="help.php#wpt_color" onclick="HelpPopup('wpt_color'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Waypoint fill opacity:</td> <td nowrap> <select class="normal" name="wpt_fill_opacity" size="1"><option value="0" selected>0%</option><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100">100%</option></select> <a target="help" class="linktohelp" href="help.php#wpt_fill_opacity" onClick="HelpPopup('wpt_fill_opacity'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>    Outline opacity: <select class="normal" name="wpt_opacity" size="1"><option value="0">0%</option><option value="10">10%</option><option value="20">20%</option><option value="30">30%</option><option value="40">40%</option><option value="50">50%</option><option value="60">60%</option><option value="70">70%</option><option value="80">80%</option><option value="90">90%</option><option value="100" selected>100%</option></select> <a target="help" class="linktohelp" href="help.php#wpt_opacity" onClick="HelpPopup('wpt_opacity'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Colorize waypoints using this field: <select class="normal" name="wpt_colorize" size="1" onChange="if(this.value=='custom'){Show('wpt_colorize_custom_row');this.form.wpt_colorize_custom.focus();}" onFocus="if(this.value=='custom'){Show('wpt_colorize_custom_row');}"><option value="none" selected>None (don't colorize points)</option><option value="n">N / frequency</option><option value="altitude">Altitude/elevation</option><option value="speed">Speed</option><option value="course">Course/heading</option><option value="slope">Slope</option><option value="time">Time</option><option value="sat">Satellites</option><option value="hdop">HDOP</option><option value="snr">SNR</option><option value="hr">Heart rate</option><option value="name">Name (alphabetized)</option><option value="desc">Description (alphabetized)</option><option value="category">Category (alphabetized)</option><option value="sym">Symbol (alphabetized)</option><option value="custom">custom field</option></select> <a target="help" class="linktohelp" href="help.php#wpt_colorize" onClick="HelpPopup('wpt_colorize'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle" id="wpt_colorize_custom_row" style="display:none;"> <td nowrap colspan="2">                Custom colorization field: <input type="text" size="12" name="wpt_colorize_custom" value="" onChange="if(this.value!=''){this.form.wpt_colorize.value='custom';}"> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Synthesize description:  <input type="text" size="20" name="synthesize_desc" value=""> (field names in {curly} brackets) <a target="help" class="linktohelp" href="help.php#synthesize_desc" onClick="HelpPopup('synthesize_desc'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td nowrap colspan="2"> Geotag points with times but no positions:  <select class="normal" name="wpt_interpolate" size="1"><option value="0">No</option><option value="1" selected>Yes, interpolate points</option><option value="E">Yes, & include earlier points</option><option value="L">Yes, & include later points</option><option value="EL">Yes, & include earlier+later</option></select> <a target="help" class="linktohelp" href="help.php#wpt_interpolate" onClick="HelpPopup('wpt_interpolate'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> <br>Geotagging offset: <input type="text" size="3" maxlength="6" name="wpt_interpolate_offset" value=""> hours (positionless points vs. GPS data) <a target="help" class="linktohelp" href="help.php#wpt_interpolate_offset" onClick="HelpPopup('wpt_interpolate_offset'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Discard outliers:</td> <td nowrap> <select class="normal" name="discard_outliers" size="1"><option value="1">discard if Z > 1</option><option value="2">discard if Z > 2</option><option value="3">discard if Z > 3</option><option value="4">discard if Z > 4</option><option value="5" selected>discard if Z > 5</option><option value="0">No, show all points</option></select> <a target="help" class="linktohelp" href="help.php#discard_outliers" onClick="HelpPopup('discard_outliers'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> <tr valign="middle"> <td align="right" nowrap>Draw Forerunner laps:</td> <td nowrap> <select class="normal" name="forerunner_laps" size="1"><option value="1" selected>Yes</option><option value="0">No</option></select> <a target="help" class="linktohelp" href="help.php#forerunner_laps" onClick="HelpPopup('forerunner_laps'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a>       Single-point map width: <input type="text" size="5" maxlength="8" name="sp_width" value="10 km"> <a target="help" class="linktohelp" href="help.php#sp_width" onClick="HelpPopup('sp_width'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td> </tr> </table> </div>  </td><td> </td><td> <table cellspacing="0" cellpadding="2" border="0"> <tr><td class="gpsv_form_heading" nowrap> Upload your GPS data files here: <a target="help" class="linktohelp" href="help.php#upload" onClick="HelpPopup('upload'); return false;"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td></tr> <tr><td class="smallest">(Total size cannot exceed 10 MB; .zip/.gz is supported)</td></tr> <tr><td> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr valign="middle"><td width="1%">File #1</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_1" name="uploaded_file_1"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_1');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #2</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_2" name="uploaded_file_2"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_2');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #3</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_3" name="uploaded_file_3"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_3');" title="reset the file input"></div></td></tr> </table> </td></tr> <tr id="more_file_boxes" style="display:none;"><td> <table cellspacing="0" cellpadding="2" border="0" width="100%"> <tr valign="middle"><td width="1%">File #4</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_4" name="uploaded_file_4"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_4');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #5</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_5" name="uploaded_file_5"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_5');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #6</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_6" name="uploaded_file_6"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_6');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #7</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_7" name="uploaded_file_7"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_7');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #8</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_8" name="uploaded_file_8"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_8');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #9</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_9" name="uploaded_file_9"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_9');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #10</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_10" name="uploaded_file_10"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_10');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #11</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_11" name="uploaded_file_11"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_11');" title="reset the file input"></div></td></tr> <tr valign="middle"><td width="1%">File #12</td><td width="99%" style="width:220px; max-width:220px; overflow:hidden;"><input type="file" id="input:uploaded_file_12" name="uploaded_file_12"></td><td width="1%"><div class="delete_box" onclick="Reset_File_Input('input:uploaded_file_12');" title="reset the file input"></div></td></tr> </table> </td></tr> <tr><td align="center"> <p><a href="javascript:void(0)" style="font-size:80%;" onclick="Toggle('more_file_boxes'); if(document.getElementById('more_file_boxes').style.display=='none'){this.innerHTML='Show additional file input boxes'}else{this.innerHTML='Hide additional file input boxes'}; return true;">Show additional file input boxes</a></p> </td></tr> <tr><td align="center" style="padding-top:8px; padding-bottom:16px;"> <input type="submit" name="submitted" value="Draw the map" class="gpsv_submit"> <span id="new_window_span"><input type="checkbox" checked name="new_window" id="new_window_checkbox" value="1" onclick="ChangeFormTarget(this.form)"><label for="new_window_checkbox">Open in new window</label></span> <div style="display:block; margin:10px auto 0px auto; text-align:center; font-size:80%;"> <a href="javascript:void(0)" onclick="Save_Form_Settings('form_jpg','main');">Save these settings</a>  <a href="javascript:void(0)" onclick="Load_Form_Settings('form_jpg','main');">Load from saved</a> </div> </td></tr> <tr><td class="gpsv_form_heading" nowrap> Or type/paste your data here: <a target="_blank" class="linktohelp" href="tutorials/waypoints.php"><img src="/images/help.png" width="9" height="12" align="baseline" border="0" alt="[help]"></a> </td></tr> <tr><td class="notranslate"> <textarea name="data" rows="6" cols="36" wrap="off" id="data_input" placeholder="latitude,longitude,name,desc,color
45.6,-78.9,Waypoint1,description,green"></textarea> </td></tr> <tr><td nowrap> Force plain text to be this type: <select class="normal" name="force_type" size="1" id="force_type"><option value="" selected>default</option><option value="t">trackpoints</option><option value="r">route points</option><option value="w">waypoints</option></select> </td></tr> <tr><td> </td></tr> <tr><td class="gpsv_form_heading" nowrap> Or provide the URL of data on the Web:  </td></tr> <tr><td><input type="text" size="35" name="remote_data" value=""></td></tr> </table> </td></tr></table> <input type="hidden" name="form" value="svg"> <input type="hidden" name="frequency_count" value="none"> <input type="hidden" name="osm_filter" value="highway;"> <input type="hidden" name="special" value=""> <input type="hidden" name="show_trk" value="1"> <input type="hidden" name="time_offset" value=""> <input type="hidden" name="utm_output" value="0"> <input type="hidden" name="wifi_mode" value="3"> <input type="hidden" name="wpt_desc_filter" value=""> <input type="hidden" name="wpt_list_width" value=""> <input type="hidden" name="wpt_list" value="0"> <input type="hidden" name="wpt_max_size" value=""> <input type="hidden" name="wpt_min_size" value=""> <input type="hidden" name="wpt_name_filter" value=""> <input type="hidden" name="wpt_name_uncolored" value="0"> <input type="hidden" name="wpt_resize" value=""> <input type="hidden" name="zoom_control" value="auto"> </form> <script type="text/javascript" src="/ip2country.js"></script> <br> <div id="footer" style="width:100%; margin-top:90px;"> <table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-top:1px solid #006600; padding-top:3px;"><tr valign="top"><td class="footer" align="left"> ©2003-2025 <a href="http://adamschneider.net/">Adam Schneider</a>, <img src="/images/email.svg" align="absmiddle" alt="adam [at] gpsvisualizer [dot] com" style="height:1.2em;" />. </td><td class="footer" align="right"> <a href="/privacy.php">Privacy Policy</a> </td></tr></table> </div> </td> </tr></table> </body> </html>