initial commit
This commit is contained in:
josch
commit
07f6cfaf37
3 changed files with 236 additions and 0 deletions
129
distance.js
Normal file
129
distance.js
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
var localSearch = new GlocalSearch();
|
||||
var routePoints = new Array(0);
|
||||
var routeMarkers = new Array(0);
|
||||
var lineWidth = 1;
|
||||
var lineColor = '#ff0066';
|
||||
var routePath;
|
||||
var map = new google.maps.Map(document.getElementById("map_canvas"), {
|
||||
zoom: 1,
|
||||
center: new google.maps.LatLng(0, 0),
|
||||
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
||||
draggableCursor: 'crosshair',
|
||||
mapTypeControlOptions: {
|
||||
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
|
||||
}
|
||||
});
|
||||
google.maps.event.addListener(map, 'click', function (event) {
|
||||
clickatpoint(event.latLng);
|
||||
});
|
||||
|
||||
function clickatpoint(point) {
|
||||
routePoints.push(point);
|
||||
var marker = placeMarker(point, routePoints.length);
|
||||
routeMarkers.push(marker);
|
||||
if (!(routePath == undefined)) {
|
||||
routePath.setMap(null);
|
||||
}
|
||||
routePath = getRoutePath();
|
||||
routePath.setMap(map);
|
||||
updateDisplay();
|
||||
}
|
||||
function getRoutePath() {
|
||||
var routePath = new google.maps.Polyline({
|
||||
path: routePoints,
|
||||
strokeColor: lineColor,
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: lineWidth,
|
||||
geodesic: true
|
||||
});
|
||||
return routePath;
|
||||
}
|
||||
function clearMap() {
|
||||
if (routeMarkers) {
|
||||
for (i in routeMarkers) {
|
||||
routeMarkers[i].setMap(null);
|
||||
}
|
||||
}
|
||||
routePoints = new Array(0);
|
||||
routeMarkers = new Array(0);
|
||||
if (!(routePath == undefined)) {
|
||||
routePath.setMap(null);
|
||||
}
|
||||
document.getElementById("distance").value = "0.000";
|
||||
}
|
||||
function ftn_quickfind(address) {
|
||||
localSearch.setSearchCompleteCallback(null, function () {
|
||||
if (localSearch.results[0]) {
|
||||
clickatpoint(new google.maps.LatLng(localSearch.results[0].lat,
|
||||
localSearch.results[0].lng));
|
||||
}
|
||||
});
|
||||
localSearch.execute(address);
|
||||
}
|
||||
function placeMarker(location, number) {
|
||||
var image = new google.maps.MarkerImage('http://www.daftlogic.com/images/gmmarkersv3/stripes.png', new google.maps.Size(20, 34), new google.maps.Point(0, 0), new google.maps.Point(9, 33));
|
||||
var shadow = new google.maps.MarkerImage('http://www.daftlogic.com/images/gmmarkersv3/shadow.png', new google.maps.Size(28, 22), new google.maps.Point(0, 0), new google.maps.Point(1, 22));
|
||||
var text = "(" + (number) + ")" + location;
|
||||
var marker = new google.maps.Marker({
|
||||
position: location,
|
||||
map: map,
|
||||
shadow: shadow,
|
||||
icon: image,
|
||||
title: text,
|
||||
draggable: true
|
||||
});
|
||||
google.maps.event.addListener(marker, 'dragend', function (event) {
|
||||
routePoints[number - 1] = event.latLng;
|
||||
routePath.setMap(null);
|
||||
routePath = getRoutePath();
|
||||
routePath.setMap(map);
|
||||
updateDisplay();
|
||||
});
|
||||
return marker;
|
||||
}
|
||||
function clearLastLeg() {
|
||||
if (routePoints.length < 2) return;
|
||||
routeMarkers[routeMarkers.length - 1].setMap(null);
|
||||
if (!(routePath == undefined)) {
|
||||
routePath.setMap(null);
|
||||
}
|
||||
routePoints.pop();
|
||||
routeMarkers.pop();
|
||||
routePath = getRoutePath();
|
||||
routePath.setMap(map);
|
||||
updateDisplay();
|
||||
}
|
||||
function greatcircle(lat1, lon1, lat2, lon2) {
|
||||
var ra = Math.PI / 180;
|
||||
var f = Math.cos(lat1 * ra) * Math.cos(lat2 * ra);
|
||||
f *= Math.pow(Math.sin((lon1 * ra - lon2 * ra) / 2), 2);
|
||||
f += Math.pow(Math.sin((lat1 * ra - lat2 * ra) / 2), 2);
|
||||
f = 6372802 * 2 * Math.asin(Math.sqrt(f)); // geometric mean
|
||||
// read: http://math.wikia.com/index.php?title=Elliptical_great-circle_radius_average
|
||||
// http://en.wikipedia.org/w/index.php?title=Talk:Earth/Archive_7&oldid=256964396#Mean_radius
|
||||
return f;
|
||||
}
|
||||
function updateDisplay() {
|
||||
var a = routePath.getPath(),
|
||||
len = a.getLength(),
|
||||
dist = 0;
|
||||
for (var i = 0; i < len - 1; i++) {
|
||||
var pos1 = a.getAt(i);
|
||||
var pos2 = a.getAt(i+1);
|
||||
dist += greatcircle(pos1.lat(), pos1.lng(), pos2.lat(), pos2.lng());
|
||||
}
|
||||
document.getElementById("distance").value = dist.toFixed();
|
||||
}
|
||||
|
||||
function submitenter(myfield, e) {
|
||||
var keycode;
|
||||
if (window.event) keycode = window.event.keyCode;
|
||||
else if (e) keycode = e.which;
|
||||
else return true;
|
||||
if (keycode == 13) {
|
||||
ftn_quickfind(myfield.value);
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
26
index.html
Normal file
26
index.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta http-equiv=content-type content="text/html; charset=UTF-8" />
|
||||
<title>Google Maps Distance Calculator</title>
|
||||
</head>
|
||||
<body>
|
||||
<center>
|
||||
<h1>Google Maps Distance Calculator</h1>
|
||||
Search For Location : <input name="goto" id="goto" type="text" onKeyPress="return submitenter(this,event);"/>
|
||||
|
||||
<div id="map_canvas" style="width: 95%; height: 800px"></div>
|
||||
|
||||
<p>Total Distance <input style="display: inline;" id="distance" type="text" size="12" value="0.000"/> meters</p>
|
||||
<p>
|
||||
<input class="custombutton" type="button" value="Clear Last Point" onclick="clearLastLeg();"/>
|
||||
<input class="custombutton" type="button" value="Clear All" onclick="clearMap();"/>
|
||||
</p>
|
||||
|
||||
</center>
|
||||
|
||||
<script type="text/javascript" src="http://www.google.com/uds/api?file=uds.js&v=1.0"></script>
|
||||
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
|
||||
<script type="text/javascript" src="distance.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
81
pin.svg
Normal file
81
pin.svg
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.0"
|
||||
id="Layer_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="1124.5582"
|
||||
height="1932.3383"
|
||||
viewBox="0 0 1124.5582 1932.3382"
|
||||
enable-background="new 0 0 2481 2073"
|
||||
xml:space="preserve"
|
||||
inkscape:version="0.47 r22583"
|
||||
sodipodi:docname="pin.svg"
|
||||
inkscape:export-filename="/home/josch/globaldistance/pin.png"
|
||||
inkscape:export-xdpi="1.28"
|
||||
inkscape:export-ydpi="1.28"><metadata
|
||||
id="metadata15"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs13"><inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 1036.5 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="2481 : 1036.5 : 1"
|
||||
inkscape:persp3d-origin="1240.5 : 691 : 1"
|
||||
id="perspective17" /></defs><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="960"
|
||||
inkscape:window-height="1061"
|
||||
id="namedview11"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.11384467"
|
||||
inkscape:cx="1474.4153"
|
||||
inkscape:cy="1002.9689"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="19"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<g
|
||||
id="g3"
|
||||
transform="translate(-167.27119,-107.13061)">
|
||||
<path
|
||||
clip-rule="evenodd"
|
||||
stroke-miterlimit="10"
|
||||
d="M 730.94,1839.629 C 692.174,1649.328 623.824,1490.964 541.037,1344.189 479.63,1235.317 408.493,1134.826 342.673,1029.251 320.701,994.007 301.739,956.774 280.626,920.197 238.41,847.06 204.182,762.262 206.357,652.265 c 2.125,-107.473 33.208,-193.684 78.03,-264.172 73.719,-115.935 197.201,-210.989 362.884,-235.969 135.466,-20.424 262.475,14.082 352.543,66.748 73.6,43.038 130.596,100.527 173.92,168.28 45.22,70.716 76.359,154.26 78.971,263.232 1.337,55.83 -7.805,107.532 -20.684,150.418 -13.034,43.409 -33.996,79.695 -52.646,118.454 -36.406,75.659 -82.049,144.982 -127.855,214.346 -136.437,206.606 -264.496,417.31 -320.58,706.027 z"
|
||||
style="fill:#ff00ff;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-miterlimit:10;stroke-dasharray:none;fill-opacity:1" />
|
||||
|
||||
<circle
|
||||
clip-rule="evenodd"
|
||||
cx="729.54602"
|
||||
cy="651.047"
|
||||
r="183.33299"
|
||||
id="circle9"
|
||||
sodipodi:cx="729.54602"
|
||||
sodipodi:cy="651.047"
|
||||
sodipodi:rx="183.33299"
|
||||
sodipodi:ry="183.33299"
|
||||
transform="matrix(0.90417546,0,0,0.90417546,69.908393,62.386263)"
|
||||
style="fill-rule:evenodd"
|
||||
d="m 912.87901,651.047 c 0,101.25201 -82.08097,183.33299 -183.33299,183.33299 -101.25202,0 -183.33299,-82.08098 -183.33299,-183.33299 0,-101.25202 82.08097,-183.333 183.33299,-183.333 101.25202,0 183.33299,82.08098 183.33299,183.333 z" />
|
||||
<path
|
||||
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:78;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:AR PL SungtiL GB;-inkscape-font-specification:AR PL SungtiL GB"
|
||||
d="m 722,107.15625 c -26.36476,0.24808 -53.26451,2.29529 -80.53125,6.40625 -177.28024,26.72851 -310.87915,129.16348 -390,253.59375 -48.1674,75.74905 -81.8283,169.76766 -84.09375,284.34375 -2.34271,118.47883 35.29066,211.65128 79.46875,288.1875 20.43873,35.40887 39.5523,73.0276 62.71875,110.1875 66.61623,106.8521 137.37978,206.8782 197.5,313.4688 81.40228,144.3199 147.83527,298.4005 185.65625,484.0624 l 39.125,192.0626 37.375,-192.4063 c 54.64221,-281.2947 178.94199,-486.1733 314.84375,-691.9687 45.8256,-69.3937 92.5763,-140.1894 130.4687,-218.93755 17.823,-37.04013 40.2192,-75.41876 54.8438,-124.125 13.9002,-46.28644 23.7652,-101.93388 22.3125,-162.59375 C 1288.909,533.51971 1254.9466,441.77144 1206.5938,366.15625 1160.3005,293.75981 1098.5903,231.46725 1019.5,185.21875 940.32056,138.91968 836.24729,106.08124 722,107.15625 z m 0.78125,78.0625 c 99.10422,-0.74166 190.16269,28.02932 257.34375,67.3125 68.1097,39.8275 120.3952,92.51544 160.75,155.625 42.0872,65.81681 70.3982,141.13004 72.8438,243.15625 1.2213,51.00013 -7.2047,98.79569 -19.0626,138.28125 -11.4434,38.11176 -30.9604,72.27213 -50.4374,112.75 -34.9196,72.56982 -79.4636,140.44685 -125.25,209.78125 C 906.54458,1282.3685 797.6886,1458.8107 730.4375,1680.3125 690.30217,1549.8937 636.38315,1433.8589 575,1325.0312 512.30622,1213.8778 440.80502,1112.9229 375.78125,1008.625 355.0037,975.29694 336.19352,938.43263 314.40625,900.6875 274.15234,830.94972 243.33646,754.54642 245.34375,653.03125 c 1.98455,-100.36991 30.49215,-178.77305 71.96875,-244 68.31715,-107.43973 181.69549,-195.11226 335.78125,-218.34375 23.53301,-3.54804 46.8173,-5.2976 69.6875,-5.46875 z"
|
||||
id="path5" /></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
Loading…
Reference in a new issue