将纬度/长度转换为像素X&Y坐标

Convert lat/long to pixel X&Y co-ordinates

本文关键字：像素 坐标 转换 纬度      更新时间：2023-09-26

这类问题似乎已经被问过很多次了，但是没有一个解决方案能让我得到我需要的答案。

我有这张新西兰北国的地图，我想在这张图片(https://i.stack.imgur.com/3ok4O.gif -这是400px的正方形)上映射Lat/Long值到x/y(像素)值

现在我不知道这个图像的精确的后期/长边界，但我确实有一些示例数据，应该是有用的人谁知道他们在做什么。

  LAT              LONG            X                Y
  -35.3989854471   173.504676819   192.92777494     196.760481649
  -35.2647882735   174.121499062   271.426291418    176.82865668
  -35.3131641432   173.89125824    242.099305271    183.945780963

我现在接收的数据只有Lat/long，所以我需要能够在应用程序中生成x和y值。

有谁能帮我写创建这些x/y值所需的方法/逻辑吗?

谢谢!

in Javascript....

var lat=-35.3989854471;
var long=173.504676819;
var imageNorthLat=???;
var imageSouthLat=???;
var imageWestLong=???;
var imageEastLong=???;
var imageLongPixels=400;
var imageLatPixels=400;
var pixelsPerLat=imageLatPixels/(imageNorthLat-imageSouthLat);
var pixelsPerLong=imageLongPixels/(imageEastLong-imageWestLong);
var xPixelPosition=(long-imageWestLong)*pixelsPerLong;
var yPixelPosition=Math.abs(lat-imageNorthLat)*pixelsPerLat;

我没有尝试运行这个，所以可能需要一些调试，并且x和y像素位置必须添加到左上角或你的地图的x和y位置。但是你可以看到这个想法。当然，我可能不明白你到底在问什么。

在本地创建map.html文件，在浏览器中调用:

    <!DOCTYPE html>
<html>
  <head>
    <title>MY MAP</title>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css">
    <script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var map;
         var myLatlng1 = new google.maps.LatLng(-35.3989854471, 173.504676819);
var myLatlng2 = new google.maps.LatLng(-35.2647882735, 174.121499062);
var myLatlng3 = new google.maps.LatLng(-35.3131641432, 173.89125824);
      function initialize() {
        var myOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-35.3989854471, 173.504676819),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);
                  var marker2 = new google.maps.Marker({
      position: myLatlng2, 
      map: map, 
      title:"POSITION 2"
  });   
                  var marker1 = new google.maps.Marker({
      position: myLatlng1, 
      map: map, 
      title:"POSITION 3"
  });   
                  var marker3 = new google.maps.Marker({
      position: myLatlng3, 
      map: map, 
      title:"POSITION 3"
  });   
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas"></div>
  </body>
</html>

根据您的建议将纬度/长度转换为像素只适用于地球的小选定部分，因为缩放常数根据纬度而变化。

转换成通用横向墨卡托(UTM)坐标可能适用于小区域。首先计算查看区域中心点的UTM区域，然后使用该区域(不是该点的实际区域)将转换为需要在屏幕上显示的所有其他点。

UTM坐标可以通过简单的缩放转换为像素，因为它们是线性的。当然，该方法仅适用于绘制比单个UTM区域(几百公里)大不了多少的区域。"区域锁定"，但是，如果它只是稍微大一点，或者只是官方UTM区域边界在查看区域内，则效果良好。

有很好的，易于使用的，开源库的坐标转换。由于您的平台是JavaScript，可能值得查看测地线。它在坐标转换、距离计算、方位、中点等方面有许多很好的方法。

相关文章：