Convert Lat/Longs to X/Y Co-ordinates

by

The projection you use is going to change everything, but this will work assuming a Mercator projection:

<html>
<head>
<script language="Javascript">
var dot_size = 3;
var longitude_shift = 55;   // number of pixels your map's prime meridian is off-center.
var x_pos = 54;
var y_pos = 19;
var map_width = 430;
var map_height = 332;
var half_dot = Math.floor(dot_size / 2);
function draw_point(x, y) {
    dot="<div style="position:absolute;width:" + dot_size + 'px;height:' + dot_size + 'px;top:' + y + 'px;left:' + x + 'px;background:#00ff00"></div>';
    document.body.innerHTML += dot;
}
function plot_point(lat, lng) {
    // Mercator projection

    // longitude: just scale and shift
    x = (map_width * (180 + lng) / 360) % map_width + longitude_shift;

    // latitude: using the Mercator projection
    lat = lat * Math.PI / 180;  // convert from degrees to radians
    y = Math.log(Math.tan((lat/2) + (Math.PI/4)));  // do the Mercator projection (w/ equator of 2pi units)
    y = (map_height / 2) - (map_width * y / (2 * Math.PI)) + y_pos;   // fit it to our map

    x -= x_pos;
    y -= y_pos;

    draw_point(x - half_dot, y - half_dot);
}
</script>
</head>
<body onload="plot_point(40.756, -73.986)">
    <!-- image found at http://www.math.ubc.ca/~israel/m103/mercator.png -->
    <img src="https://stackoverflow.com/questions/1019997/mercator.png" style="position:absolute;top:0px;left:0px">
</body>
</html>

More Related Contents:

  1. Submit a form using Shift + Enter [duplicate]
  2. How is this not passing PHP values to JS and vice-versa?
  3. get user timezone [duplicate]
  4. Download file through an ajax call php
  5. Returning JSON from PHP to JavaScript?
  6. How to prevent the “Confirm Form Resubmission” dialog?
  7. Adding months to a Date in JavaScript [duplicate]
  8. Pass a JS variable to a PHP variable
  9. int((0.1+0.7)*10) = 7 in several languages. How to prevent this?
  10. Populate another select dropdown from database based on dropdown selection
  11. What’s the best way to pass a PHP variable to Javascript? [duplicate]
  12. Automatically detect user’s current local time with JavaScript or PHP
  13. Pass data from jQuery to PHP for an ajax post
  14. Who Add “_” Single Underscore Query Parameter?
  15. Unserialize PHP Array in Javascript
  16. Get variable from PHP to JavaScript [duplicate]
  17. What is the equivalent of JavaScript’s encodeURIcomponent in PHP?
  18. Will a script continue to run even after closing a page?
  19. PHP Ajax Upload Progress Bar
  20. PHP Remove JavaScript
  21. How to rotate image and save the image
  22. Converting Javascript Regex to PHP
  23. Is there a function similar to setTimeout() (JavaScript) for PHP?
  24. How to keep form values after post [duplicate]
  25. Writing JSON object to .json file on server
  26. Detect Ajax calling URL
  27. jQuery Multiple Forms Submit
  28. passing php string with multiple lines to a javascript function/variable
  29. How to assign Php variable value to Javascript variable? [duplicate]
  30. How to convert PHP regex to JavaScript regex

Leave a Comment