Geographical - Get The Distance Between Any Two Points Of Latitude And Longitude On The Earth's Surface
Sep 20, 2010
I've found the Harvesine forumla to get the distance between any two points of latitude and longitude on the earth's surface. What I want is a little different - I want that, given a point and a distance, to get the latitude and longitude of a second point. I'm having trouble reversing the forumla. The current formula:
I have a google maps application which has an address text box. When we type in the postal address, it gives the corresponding latitude and longitude as a pop up info window on a google map. All i want to do is to be able to get the latitude and longitude info into two text boxes on the html page. I am trying to modify the code but for some reason, I am unable to do it. Here is my code.
HTML page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head>
I am trying to create an application which utilizes the distance finder. I want to be able to calculate the distance between two points. I have managed to (with the aid of a lot of tutorials) be able to calculate the distances between two points.
Now, in the application, there will be times where the user does not supply us with their location to calculate the distance. In this situation, the Latitude and Longitude will be calculated and this location will be shown to the user in the address form instead of with Latitude and Longitude.
What I have on one page is the distance calculator:
And on my other page I've got the latitude and longitude calculator.
I'm also stuck because these two pages will act as functions and will be linked to the main page where the input and output will occur. I'm new to JavaScript, but I am willing to do a lot to get this to work.
I'm currently working on a personal site and I'm using a very interesting javascript library written by Jacob from nihilogic.dk. This library allows me to extract some EXIF-data from pictures. My site will serve as a picture site where I will post pictures from my future world trip (one year travel from north america to south america).
My idea is to take pictures with a camera with GPS functionality so all the pictures will be tagged (in the exif) with a latitude and longitude value. The objective is to post these pictures on my site when I'm on tour and dynamically link them to a google map so visitors and myself can see the exact location where the picture was taken.
The following libraries offered by nihilogic: (binaryajax.js and exif.js) [URL] are able to read EXIF data such as latitude and longitude from the picture.
Since I'm trying to work with jquery I also tried the jquery version which does also read exif data. However the jquery version of the script doesn't read latitude and longitude tags.You can find this script here:jquery.exif.js
My question is it possible to find a solution that will allow reading out the longitude and latitude data with the jquery script? Is it possible to tell me how to enable this data in jquery?
Here's a test sample of my site using this script. click on the little globe icon under the first picture to see google maps and EXIF data.
I'm currently using some code that takes the latitude and longitude from a Google map and outputs it in a table when the user drags a marker on the map. I previously had it working that the outputted latitude and longitude appeared in an input box but I can no longer get this to work again.
I have posted the Javascript code below. <script type="text/javascript"> function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); var center = new GLatLng(55.54555, -3.39634 ); map.setCenter(center, 15); geocoder = new GClientGeocoder(); .....
This is the table I output the latitude and longitude to <table class="latlontable" style="float:left"> <tr><td width="100"><b>Latitude</b></td> <td id="lat" name="lat"></td></tr> <tr><td width="100"><b>Longitude</b></td> <td id="lng" name="lng"></td> </tr></table>
The code below assigns a value to the Latitude and to the Longitude table cells when the submit button is pressed. I would like to have these values appear in text boxes instead. Obviously I need to amend onclick="javascript:usePointFromPostcode(document.getElementById('postcode').value, placeMarkerAtPoint)" to make this work but I can't seem to. Assuming two text boxes with names lng and lat, how would I amend the line?
Im familiarising myself with google maps but i cant seem to get what i thought was the simplest thing to work. Im trying to pass the latitude and longitude values from 2 separate labels to 2 javascript variables.
I have seen many visitor tracking sites that log a visitor's geographical location and the ISP they are connecting through, among other useful information. I am posting this in the PHP forums and Javascript forums as thats what most trackers use (StatCounter in particular).
Is there a JavaScript script that determines the geographical location of the visitor? I need one to determine that and depending on there location run 1 of about 5 different JavaScript scripts. How do i do this? Does someone know were i can can a script to do this or could someone write one.
I have this page, the superfish menu does not show over the google earth plugin but under! This problem is happening in IE8 and Google Chrome. To run the following code run it under localhost (that is the domain registered with the google earth api key)
<!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"> <head>
I've used Brian Crays driving distance calculator on a site, however the calculations are not accurate for full addresses. I realise the v2 google maps api is now depreciated, my question is, if I upgrade to v3, is there more accurate calculations of distance and if so, does anyone have an example of calculating the distance between two points with the new api?
or does anyone know how to get more accurate results with his code?
What i'd like is a simple converter to allow a user to input the distance travelled in miles and the time in hours and minutes, the result being an average speed. What i'd appreciate is for someone to write the script for me and post here if possible.
i've found out how to find the distance between 2 lat lng points using google's distanceFrom method:
Code: // NR14 7PZ var loc1 = new GLatLng(52.5773139, 1.3712427); // NR32 1TB var loc2 = new GLatLng(52.4788314, 1.7577444); alert(loc2.distanceFrom(loc1) / 1000);
However, I'd like to be able to convert a distance to lat lng. The main reason I'm doing this is so that I can figure out the bounds of a certain area of a co-ordinate. For example I specify a point, and then I need to draw a box around this area going x distance North, South, East and West, but until I know how many units make up a kilometre this wont be easy.
I guess I could go to google maps, click on a point and then click on another point and keep doing that until I get exactly 1km away from the original point, then just minus or plus for the lat and lng to find out the unit value for 1km, but I have a feeling that this wont be accurate. Can anyone lend any advice, I realize that what I'm asking is more a map question than a google maps javascript api question, but perhaps someone has come across this before?
Alert shows the distance from input to the top of the table or table cell. Is there any other attribute which shows the absolute distance from input to the top of the page ? Because of some reasons I can't add table's and input's offsetTops.
I've got this lovely little animation that slides some div fields to the right a short distance. Everything works except the setTimeout (located in the SlideIn function). It simply 'jumps' without taking any time at all. I've tried a bunch of stuff:
changed the amount of time from 100 to 10000 changed it from var t = setTimeout("SlideIn()", 1000) SlideIn with/without the brackets, with/without the quotation marks.
I am doing some work, where I want to have a table heading that remains in a fixed position, when the window is scrolled (I will ultimately have a very long table). I have written the code below, which fixes the heading.
I am trying to make it so that each body row of the table gets hidden, when the window is scrolled such that the row passes above the heading row.
To do this I need to somehow detect the distance of each row from the top of the window as the window is scrolled so I can detect when it goes above the fixed heading row. I have tried to do this using offsetTop and scrollTop in the code below, but it doesn't seem to be working (in Safari at least, which I am using for my main testing).
Does anyone know a simple way of detecting the distance to the top of the window so I can use it in my code below, which will work in all browsers?
(I don't really want to use div, and overflow-y:auto to achieve the fixed heading scrollable table, because I don't want to have a sub-section with its own scrollbar. I just want to have the main page scrollbar when the list gets long enough to require it.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head>
In all the easing functions (based on Robert Penner), I see that they require the distance to travel to be known beforehand. But what if I didn't know that? How would I calculate the change to position based on easing my speed to zero if I know my current speed?
In other words, I know my start position, my current speed and the duration. I want to figure out the change in position (for each step and total change).
I'm currently doing on a project, frankly speaking i'm new in javascript only know the basics. I'm not even sure whether this thread is suppose to be here or under html.. I'm suppose to create some codes that enable a html page to load to the next html page when the mouse move from left to right within a specific time and distance(positive X coordinate) and also the other way round (right to left) once i figured out this. I've got an example online and edited it. Please take a look at my codes.
[Code]...
test01.html is just blank page created to make sure it loads. However i would like to load from test01 to another html page but no matter how i tried to edit the codes, there's errors. I cant possibly copying and pasting the exact codes to every page i want to load to right? And is it possible to sortof increase mouse sentivity such that i can most probably load to the next page in first few tries of moving the mouse on the first page. Is it common that when i launch the html on IE and Firefox somehow after showing the first page for maybe 1 second, it immediately jumped to 2nd page and i have to go back to 1st page to try out.
Is it possible to have an input that points to some other function? For example: function someFunction() { alert('It worked.'); }function doAnotherFunction(doIt, otherFunction) { if (doIt == true) { otherFunction(); }} <input type="button" value="test" onClick="doAnotherFunction(true, someFunction());"> Or would I need a switch statement and have all the various functions hardcoded?
I am not a developer so not so familiar with javascript. Suppose I have a map with ten junctions and based on that map. I need to calculate all the possible routes between one junction to another. How do I represent the map in javascript and how do I code the function to calculate all the possible routes?