GeoLocator - swiss army knife of georeferencing & geotagging

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>GeoLocator - swiss army knife of georeferencing & geotagging</title> <meta name="description" content="Geotagging metadata authoring tool" /> <meta name="keywords" content="geotagging, geocoding, gps, coord, coordinate, template, markup, wikipedia, map, heading" /> <link rel="stylesheet" type="text/css" href="geolocator.css?20180408" /> <link rel="shortcut icon" href="./geolocator.ico" />  <script type="text/javascript" src="//www.google.com/jsapi"></script> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyBQk_HDPLyh4ch0_xdfJn9T7KN1FPawxb4&libraries=geometry,places&sensor=false"></script> <script type="text/javascript" src="geolocator.js?20180408"></script> <script type="text/javascript" src="geolocator.ua_css.js?20180408"></script> </head> <body> <div id="container">  <div id="header"> <div class="rightBox"> <a href="http://en.wikipedia.org/wiki/User:Teslaton/Tools/GeoLocator" target="_blank"><span class="wizzNo">?</span> QuickRef</a> <span style="margin: 0 0.2em 0 0.2em;">·</span> language: <select id="iLanguage"> <option value=""></option>  </select> </div> <h1>GeoLocator</h1> <span> <span style="margin: 0 0.2em 0 0.2em;">·</span> Interactive tool (not just) for <span style="font-family: serif;">W</span>ikipedians to ease <a href="http://en.wikipedia.org/wiki/Georeferencing" target="_blank">georeferencing</a> and <a href="http://en.wikipedia.org/wiki/Geotagging" target="_blank">geotagging</a> </span> </div>  <div id="left">  <form class="queryForm" id="fQuery" method="get" action=""> <div> <span class="wizzText"><span class="wizzNo">1.</span> Type/paste any initial coordinates, template or map URL in <a href="http://en.wikipedia.org/wiki/User:Teslaton/Tools/GeoLocator#Supported_coordinate_formats" target="_blank">almost any format</a></span>: </div> <div class="textareaBox"> <textarea id="iQuery" name="q" rows="" cols=""></textarea> </div> <div class="buttons"> <input type="submit" class="button l" value="Apply" id="bApply" /> <input type="button" class="button r" value="Clear" id="bClear" /> </div> </form> <div class="queryForm"> <div class="params"> <span class="wizzText"><span class="wizzNo">2.</span> Set/update <a href="http://en.wikipedia.org/wiki/Template:Coord#Coordinate_Parameters" target="_blank">coordinate parameters</a> and preferred <a href="http://en.wikipedia.org/wiki/User:Teslaton/Tools/GeoLocator#Precision" target="_blank">precisions</a>:</span> </div> <div class="paramsRow"> <span class="label" style="margin-left: 0"><a href="http://en.wikipedia.org/wiki/Template:Coord#type:T" target="_blank">type</a>:</span> <select id="iGeoHackType"> <option value=""></option>  </select> <span class="label"><a href="http://en.wikipedia.org/wiki/Template:Coord#dim:D" target="_blank">diameter</a>:</span> <input type="text" id="iGeoHackDim" /> <span class="label"><a href="http://en.wikipedia.org/wiki/Template:Coord#scale:N" target="_blank">scale</a>:</span> <select id="iGeoHackScale"> <option value="">(default)</option> <option value="10000000">1:10'000'000</option> <option value="1000000">1:1'000'000</option> <option value="100000">1:100'000</option> <option value="10000">1:10'000</option> <option value="1000">1:1'000</option> </select> <span class="label"><a href="http://en.wikipedia.org/wiki/Template:Coord#region:R" target="_blank">region</a>:</span> <select id="iGeoHackRegionMode"> <option value=""></option> <option value="auto" selected="selected">(auto)</option> <option value="custom">(cust.)</option> </select> <input type="text" id="iGeoHackRegion" /> </div> <div class="paramsRow"> <a href="http://en.wikipedia.org/wiki/User:Teslaton/Tools/GeoLocator#Precision" target="_blank">precisions</a>: <span class="degPrecision" title="Degree precision (decimal places)"> <span class="label"><span style="font-size: 140%">掳</span>:</span> <select id="iDegPrecision"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6" selected="selected">6</option> </select> </span> <span class="secPrecision" title="Seconds precision (decimal places)"> <span class="label"><span style="font-size: 140%;"><em style="margin-left: -0.2em;">" </em></span>:</span> <select id="iSecPrecision"> <option value="0">0</option> <option value="1">1</option> <option value="2" selected="selected">2</option> </select> </span> <span id="precisionSep">·</span> <span title="Diameter precision (significant digits)"> <span class="label">D:</span> <select id="iDimPrecision"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </span> <span title="Heading compass rose points"> <span class="label">h:</span> <select id="iHeadingPoints"> <option value="4">4</option> <option value="8">8</option> <option value="16" selected="selected">16</option> <option value="32">32</option> <option value="360">360</option> </select> </span>   </div> <div class="paramsRow"> precision rects: <input type="checkbox" id="iPrecRectDeg" /> <label for="iPrecRectDeg" id="lPrecRectDeg">0.0001<span style="font-size: 100%">掳</span></label> <input type="checkbox" id="iPrecRectSec" /> <label for="iPrecRectSec" id="lPrecRectSec">1<span style="font-size: 100%;"><em style="margin-left: -0.2em;">" </em></span></label> <input type="checkbox" id="iPrecRectMin" /> <label for="iPrecRectMin" id="lPrecRectMin">1<span style="font-size: 100%;"><em style="margin-left: -0.2em;">' </em></span></label> <input type="checkbox" id="iPrecRect1Deg" /> <label for="iPrecRect1Deg" id="lPrecRect1Deg">1<span style="font-size: 100%;"><em style="margin-left: -0.2em;">掳 </em></span></label> </div> </div>  <div id="eQueryErrors"></div>  <div class="locationBox"> <table class="location"> <tr> <th></th> <th style="text-align: right"><span><a href="http://en.wikipedia.org/wiki/Latitude" target="_blank">latitude</a></span></th> <th style="text-align: right"><span><a href="http://en.wikipedia.org/wiki/Longitude" target="_blank">longitude</a></span></th> </tr> <tr class="padding-above"> <th><a href="http://en.wikipedia.org/wiki/WGS_84" target="_blank">Location</a>:</th> <td class="latLng"><span class="output padlr template">{latdegabs}掳 {latminint}′ {latsecdec}″ {latNS}</span></td> <td class="latLng"><span class="output padlr template">{londegabs}掳 {lonminint}′ {lonsecdec}″ {lonEW}</span></td> </tr> <tr class="small"> <th></th> <td class="template">{latdegdec}掳</td> <td class="template">{londegdec}掳</td> </tr> <tr id="trHeading"> <th><a href="http://en.wikipedia.org/wiki/Boxing_the_compass" target="_blank">Heading</a>:</th> <td id="tdHeading"> <span class="output padlr template">{heading}</span> </td> <td id="tdHeadingClear"> <a href="#" class="clrIcon" id="aHeadingClear">[x]</a> </td> </tr> <tr id="trParams"> <th><a href="http://en.wikipedia.org/wiki/Template:Coord#Coordinate_Parameters" target="_blank">Params</a>:</th> <td colspan="2" class="tdParams"> <a href="http://en.wikipedia.org/wiki/Template:Coord#type:T" target="_blank" class="label">type</a>: <span class="output padlr template type"> {type} </span> <a href="#" class="clrIcon" id="aTypeClear">[x]</a> <a href="http://en.wikipedia.org/wiki/Template:Coord#dim:D" target="_blank" class="label">diameter</a>: <span class="output padlr template scale" id="eDisplayDim"> {dim} </span> <a href="#" class="clrIcon" id="aDimClear">[x]</a> <a href="http://en.wikipedia.org/wiki/Template:Coord#scale:N" target="_blank" class="label">scale</a>: <span class="output padlr template scale" id="eDisplayScale"> {scale} </span> <a href="#" class="clrIcon" id="aScaleClear">[x]</a> <a href="http://en.wikipedia.org/wiki/Template:Coord#region:R" target="_blank" class="label">region</a>: <span class="output padlr template region"> {region} </span> <a href="#" class="clrIcon" id="aRegionClear">[x]</a>  </td> </tr> </table> </div>  <div class="outputParagraph template links"> <span class="h2">Show location on:</span> <ul> <li> <a href="http://maps.google.com/maps?ll={latdegdec},{londegdec}&spn={span},{span}&q={latdegdec},{londegdec}" target="_blank">Google</a> (<a href="http://maps.google.com/maps?ll={latdegdec},{londegdec}&spn={span},{span}&q={latdegdec},{londegdec}&t=h" target="_blank">hyb</a>) · <a href="http://maps.bing.com/default.aspx?v=2&cp={latdegdec}~{londegdec}&style=r&lvl={osmzoom}&sp=Point.{latdegdec}_{londegdec}" target="_blank">Bing</a> (<a href="http://maps.bing.com/default.aspx?v=2&cp={latdegdec}~{londegdec}&style=h&lvl={osmzoom}&sp=Point.{latdegdec}_{londegdec}" target="_blank">hyb</a>, <a href="http://maps.bing.com/default.aspx?v=2&cp={latdegdec}~{londegdec}&style=o&lvl={osmzoom}&sp=Point.{latdegdec}_{londegdec}" target="_blank">bird</a>) · <a href="http://www.openstreetmap.org/index.html?mlat={latdegdec}&mlon={londegdec}&zoom={osmzoom}" target="_blank">OSM</a> (<a href="http://www.openstreetmap.org/index.html?mlat={latdegdec}&mlon={londegdec}&zoom={osmzoom}&layers=C" target="_blank">cyk</a>, <a href="http://mtbmap.cz/?zoom={osmzoom}&lat={latdegdec}&lon={londegdec}&layers=FB0F00" target="_blank">mtb</a>, <a href="http://www.openstreetmap.org/index.html?mlat={latdegdec}&mlon={londegdec}&zoom={osmzoom}&layers=T" target="_blank">trf</a>) · <a href="http://www.wikimapia.org/#lat={latdegdec}&lon={londegdec}&spnx={span}&spny={span}" target="_blank">WikiMapia</a> </li> <li> <a href="http://tools.wmflabs.org/wiwosm/osm-on-ol/commons-on-osm.php?lat={latdegdec}&lon={londegdec}&zoom={osmzoom}" target="_blank">Commons</a> · <a href="http://www.panoramio.com/map/#lt={latdegdec}&ln={londegdec}&z=2&k=0&a=1&tab=1" target="_blank">Panoramio</a> · <a href="http://www.flickr.com/map/?fLat={latdegdec}&fLon={londegdec}&zl=12" target="_blank">Flickr</a> (<a href="http://www.flickr.com/nearby/{latdegdec},{londegdec}?show=thumb&fromfilter=1&by=everyone&taken=alltime&sort=distance" target="_blank">near</a>) · <a href="http://www.geocaching.com/seek/nearest.aspx?origin_lat={latdegdec}&origin_long={londegdec}&dist=20&submit3=" target="_blank">Geocaching</a> </li> <li> <a href="http://tools.wmflabs.org/geohack/geohack.php?params={latdegdec}_N_{londegdec}_E_{ghparams}" target="_blank">GeoHack</a> ·  <a href="http://www.geonames.org/maps/google_{latdegdec}_{londegdec}.html" target="_blank">GeoNames</a> · <a href="{selfurl}" target="_blank">GeoLocator</a> <span>(permalink incl. settings)</span> </li> </ul> </div>  <div class="outputParagraph"> <span class="h2">Custom template:</span> <a href="#" class="showHideLink" id="tCustomLink"></a> <div id="tCustom" class="showHide hidden"> <form id="fCustomTemplate" action=""> <ul> <li> <input id="iCustomTemplateDefault" value="{latdegabs}掳{latminint:2}′{latsecdec:2}″ {latNS}, {londegabs}掳{lonminint:2}′{lonsecdec:2}″ {lonEW}" /> <input id="iCustomTemplate" style="width: 83%;" type="text" name="customTemplate" value="" /> <a href="javascript: geoLocator.customTemplateApply();" class="internal">apply</a> <a href="javascript: geoLocator.customTemplateReset();" class="internal">reset</a> </li> <li><code><span id="eCustomTemplate"> </span></code></li> </ul> </form> </div> </div>  <div class="outputParagraph"> <span class="h2">Basic <a href="http://en.wikipedia.org/wiki/Category:Coordinates_templates" target="_blank">wikipedia</a>/<a href="http://commons.wikimedia.org/wiki/Category:Geocoding_templates" target="_blank">commons</a> templates:</span> <a href="#" class="showHideLink" id="tWiki1Link"></a> <div id="tWiki1" class="template showHide"> <ul class="code output"> <li><code>{{Coord|{latdegabs}|{latminint}|{latsecdec}|{latNS}|{londegabs}|{lonminint}|{lonsecdec}|{lonEW}{ghparamsnhp}}}</code><a class="helpIco" href="https://en.wikipedia.org/wiki/Template:Coord" target="_blank"><span>?</span></a></li> <li><code>{{Coord|{latdegabs}|{latminint}|{latsecdec}|{latNS}|{londegabs}|{lonminint}|{lonsecdec}|{lonEW}{ghparamsnhp}|display=title}}</code></li> <li><code>{{Coord|{latdegabs}|{latminint}|{latsecdec}|{latNS}|{londegabs}|{lonminint}|{lonsecdec}|{lonEW}{ghparamsnhp}|display=inline,title}}</code></li> <li style="margin-top: 0.5em"> <code>{{Location|{latdegdec}|{londegdec}{ghparamsntp}}}</code><a class="helpIco" href="https://commons.wikimedia.org/wiki/Template:Location" target="_blank"><span>?</span></a></li> <li><code>{{Location|{latdegabs}|{latminint}|{latsecdec}|{latNS}|{londegabs}|{lonminint}|{lonsecdec}|{lonEW}{ghparamsntp}}}</code></li> <li style="margin-top: 0.5em"> <code>{{Object location|{latdegdec}|{londegdec}{ghparamsnhp}}}</code><a class="helpIco" href="https://commons.wikimedia.org/wiki/Template:Object_location" target="_blank"><span>?</span></a></li> <li><code>{{Object location|{latdegabs}|{latminint}|{latsecdec}|{latNS}|{londegabs}|{lonminint}|{lonsecdec}|{lonEW}{ghparamsnhp}}}</code></li> </ul> </div> </div>  <div class="outputParagraph"> <span class="h2">More wikipedia templates:</span> <a href="#" class="showHideLink" id="tWiki2Link"></a> <div id="tWiki2" class="template showHide hidden"> <ul class="code output"> <li><code>{{Coordinate|NS={latdegdec}|EW={londegdec}{% (type ? '|type=' + type : '') %}{% (dim ? '|dim=' + dim : '') %}{% (region ? '|region=' + region : '') %}}}</code><a class="helpIco" href="https://de.wikipedia.org/wiki/Vorlage:Coordinate" target="_blank"><span>?</span></a></li> <li style="margin-top: 0.5em"> <code>{{Coord|{latdegdec}|{londegdec}{ghparamsnhp}}}</code></li> <li><code>{{Coord|{latdegdec}|{londegdec}{ghparamsnhp}|display=title}}</code></li> <li><code>{{Coord|{latdegdec}|{londegdec}{ghparamsnhp}|display=inline,title}}</code></li> <li style="margin-top: 0.5em"> <code>| lat_d = {latdegabs} | lat_m = {latminint:2} | lat_s = {latsecdec:2} | lat_NS = {latNS} <br />| long_d = {londegabs} | long_m = {lonminint:2} | long_s = {lonsecdec:2} | long_EW = {lonEW}</code></li> </ul> </div> </div>  <div class="outputParagraph"> <span class="h2">Various geo metadata formats:</span> <a href="#" class="showHideLink" id="tMicroformatsLink"></a> <div id="tMicroformats" class="template showHide hidden"> <table class="niceTable output" style="margin: 0.5em 0 0 1em;" border="0" cellpadding="3" cellspacing="1"> <tr> <td><a target="_blank" href="http://en.wikipedia.org/wiki/Geo_(microformat)">Geo microformat</a><br />(simple, with ';')</td> <td> <code><span class="geo">{latdegdec};{londegdec}</span></code> </td> </tr> <tr> <td>Geo microformat<br />(verbose, with ',')</td> <td> <code><span class="geo"><span class="latitude">{latdegdec}</span>, <span class="longitude">{londegdec}</span></span></code> </td> </tr> <tr> <td><a target="_blank" href="http://en.wikipedia.org/wiki/ICBM_address">ICBM</a></td> <td> <code><meta name="ICBM" content="{latdegdec}, {londegdec}"></code> </td> </tr> <tr> <td><a target="_blank" href="http://geotags.com/geo/geotags2.html">geo.position</a></td> <td> <code><meta name="geo.position" content="{latdegdec}; {londegdec}"></code> </td> </tr> <tr> <td><a target="_blank" href="http://en.wikipedia.org/wiki/Dublin_Core">Dublin Core</a></td> <td> <pre><meta name="DC.Coverage.Spatial.Lat" content="{latdegdec}"> <meta name="DC.Coverage.Spatial.Long" content="{londegdec}"></pre> </td> </tr> <tr> <td><a target="_blank" href="http://en.wikipedia.org/wiki/GeoTagging">GeoTags</a></td> <td> <pre>geotagged geo:lat={latdegdec} geo:lon={londegdec}</pre> </td> </tr> <tr> <td><a target="_blank" href="http://en.wikipedia.org/wiki/Keyhole_Markup_Language">KML</a> placemark</td> <td> <pre><?xml version="1.0" encoding="UTF-8"?> <kml xmlns="http://www.opengis.net/kml/2.2"> <Placemark> <name>PM {latdegdec},{londegdec}</name> <Point> <coordinates>{londegdec},{latdegdec}</coordinates> </Point> <description></description> </Placemark> </kml></pre></td> </tr> <tr> <td><a target="_blank" href="http://en.wikipedia.org/wiki/GPS_eXchange_Format">GPX</a> waypoint</td> <td> <pre><?xml version="1.0" encoding="UTF-8" ?> <gpx version="1.1" creator="GeoLocator - http://tools.freeside.sk/geolocator/" xmlns="http://www.topografix.com/GPX/1/1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd"> <wpt lat="{latdegdec}" lon="{londegdec}"> <name>WP {latdegdec},{londegdec}</name> <cmt></cmt> <desc></desc> </wpt> </gpx></pre></td> </tr> </table> </div> </div>  <div class="outputParagraph"> <span class="h2">Debug:</span> <a href="#" class="showHideLink" id="tDebugLink"></a> <div id="tDebug" class="template showHide hidden"> <ul class="sparse"> <li>Latitude macros: <ul> <li>D: \{latdegabs\}: '{latdegabs}', \{latdegdec\}: '{latdegdec}', \{latdegint\}: '{latdegint}', \{latdeground\}: '{latdeground}', \{latdegdecabs\}: '{latdegdecabs}'</li> <li>M: \{latmindec\}: '{latmindec}', \{latminint\}: '{latminint}', \{latminround\}: '{latminround}'</li> <li>M:2: \{latmindec:2\}: '{latmindec:2}', \{latminint:2\}: '{latminint:2}', \{latminround:2\}: '{latminround:2}'</li> <li>S: \{latsecdec\}: '{latsecdec}', \{latsecint\}: '{latsecint}', \{latsecround\}: '{latsecround}'</li> <li>S:2: \{latsecdec:2\}: '{latsecdec:2}', \{latsecint:2\}: '{latsecint:2}', \{latsecround:2\}: '{latsecround:2}'</li> <li>N/S: \{latNS\}: '{latNS}', \{\% (latNS == 'N' ? 's.拧.' : 'j.拧.') \%\}: '{% (latNS == 'N' ? 's.拧.' : 'j.拧.') %}'</li> </ul> </li> <li>Longitude macros: <ul> <li>D: \{londegabs\}: '{londegabs}', \{londegdec\}: '{londegdec}', \{londegint\}: '{londegint}', \{londeground\}: '{londeground}', \{londegdecabs\}: '{londegdecabs}'</li> <li>M: \{lonmindec\}: '{lonmindec}', \{lonminint\}: '{lonminint}', \{lonminround\}: '{lonminround}'</li> <li>M:2: \{lonmindec:2\}: '{lonmindec:2}', \{lonminint:2\}: '{lonminint:2}', \{lonminround:2\}: '{lonminround:2}'</li> <li>S: \{lonsecdec\}: '{lonsecdec}', \{lonsecint\}: '{lonsecint}', \{lonsecround\}: '{lonsecround}'</li> <li>S:2: \{lonsecdec:2\}: '{lonsecdec:2}', \{lonsecint:2\}: '{lonsecint:2}', \{lonsecround:2\}: '{lonsecround:2}'</li> <li>E/W: \{lonEW\}: '{lonEW}', \{\% (lonEW == 'E' ? 'v.d.' : 'z.d.') \%\}: '{% (lonEW == 'E' ? 'v.d.' : 'z.d.') %}'</li> </ul> </li> <li>Other macros: <ul> <li>\{type\}: '{type}'</li> <li>\{dim\}: '{dim}', \{dimm\}: '{dimm}', \{dimmint\}: '{dimmint}'</li> <li>\{scale\}: '{scale}', \{span\}: '{span}', \{osmzoom\}: '{osmzoom}'</li> <li>\{region\}: '{region}'</li> <li>\{globe\}: '{globe}'</li> <li>\{heading\}: '{heading}'</li> <li>\{elevation\}: '{elevation}', \{elevationint\}: '{elevationint}'</li> <li>\{ghparams\}: '{ghparams}', \{ghparamsp\}: '{ghparamsp}', \{ghparamsu\}: '{ghparamsu}' <em>(incl.聽heading)</em></li> <li>\{ghparamsnh\}: '{ghparamsnh}', \{ghparamsnhp\}: '{ghparamsnhp}', \{ghparamsnhu\}: '{ghparamsnhu}' <em>(excl.聽heading)</em></li> <li>\{ghparamsnt\}: '{ghparamsnt}', \{ghparamsntp\}: '{ghparamsntp}', \{ghparamsntu\}: '{ghparamsntu}' <em>(excl.聽type)</em></li> <li>\{selfurl\}: '{selfurl}'</li> <li>\{selfurlparams\}: '{selfurlparams}'</li>  </ul> </li> </ul> </div> </div> <div id="eTrace"></div> </div>  <div id="footer"> <a href="http://en.wikipedia.org/wiki/User:Teslaton/Tools/GeoLocator" target="_blank">GeoLocator</a> v1.35 (<a href="http://en.wikipedia.org/wiki/User:Teslaton/Tools/GeoLocator#ChangeLog" title="ChangeLog" target="_blank">2018/04/08</a>) <span style="margin: 0 0.3em 0 0.3em;">·</span> Written by <a href="http://en.wikipedia.org/wiki/User:Teslaton" target="_blank">Teslaton</a>, 2008-2018 <span style="margin: 0 0.3em 0 0.3em;">·</span> Please, post issues (bugs, wishes, etc.) related to this tool at <a href="http://en.wikipedia.org/wiki/User_talk:Teslaton/Tools/GeoLocator" target="_blank">this wiki talk page</a> </div> </div>  <div id="main">  <div id="mainHeader"> <a href="#" class="internal" onclick="return geoLocator.setMapPreset('0.000000, 0.000000, 178, 360');">World</a> · <a href="#" class="internal" onclick="return geoLocator.setMapPreset('49.837982, 104.414063, 70, 140');">Asia</a> · <a href="#" class="internal" onclick="return geoLocator.setMapPreset('-1.406109, 19.863281, 63.6, 79.5');">Africa</a> · <a href="#" class="internal" onclick="return geoLocator.setMapPreset('54.367759, -92.812500, 50, 100');">N.America</a> · <a href="#" class="internal" onclick="return geoLocator.setMapPreset('-16.299051, -62.929688, 61.5, 79.5');">S.America</a> · <a href="#" class="internal" onclick="return geoLocator.setMapPreset('50.625073, 11.425781, 20, 40');">Europe</a> · <a href="#" class="internal" onclick="return geoLocator.setMapPreset('-26.902477, 140.625000, 57.9, 79.5');">Australia</a> </div>  <div id="mainMap"> <div id="eMap"></div> <input id="iSearch" style="display: none;" type="text" placeholder="Search places..." /> </div>  <div id="mainFooter"> <div class="mapLegend0"> <div class="mapLegend"> <div><span id="eMapCoords" title="Current marker location. Use [Ctrl+click], [Alt+click] or drag marker to set"></span></div> <div><span id="eMapPixelScale" title="Meters per pixel at current zoom"></span></div> <div><span id="eMapElevation" title="Elevation at current marker location, obtained via selected geocoding service"></span></div> <div><span id="eMapDistance"></span></div> <div><span id="eMapHeading"></span></div> <div><span id="eMapRegion" title="Region info, obtained via GoogleMaps reverse geocoding service"></span></div> </div></div> <div class="mapWizzSteps"> <span class="wizzText"><span class="wizzNo">3.</span> Set/update/improve location using map:</span><br /> <ol> <li>search/zoom/move the map as required</li> <li>place the location marker using [Ctrl+click] or [Alt+click]</li> <li>optionally improve marker position by dragging it</li> <li>optionally set <a href="http://en.wikipedia.org/wiki/Boxing_the_compass" target="_blank">heading</a> (cam. direction) using [Shift+click]</li> <li>optionally set <a href="http://en.wikipedia.org/wiki/Template:Coord#dim:D" target="_blank">viewing diameter</a> using [Ctrl/Alt+Shift+click]</li> </ol> <span class="wizzText"><span class="wizzNo">4.</span> Click on coordinate markup in preferred format to copy it to clipboard</span> </div> <div id="test"></div> </div> </div>  <script type="text/javascript"> geoLocator = new GeoLocator(); geoLocator.init(); </script> </body> </html>

CINXE.COM

GeoLocator - swiss army knife of georeferencing & geotagging