将纬度/经度转换为像素坐标？

IT技术 javascript geometry trigonometry projection

2021-01-26 16:59:38

我正在尝试将纬度/经度对转换为像素坐标。我找到了这个墨卡托投影，但我不明白代码。什么是因子，x_adj，y_adj 变量？当我在没有这些常量的情况下运行代码时，我的纬度/经度对不在我的地图上，并且 x 和 y 像素坐标不是我想要的。

function get_xy(lat, lng)
{
var mapWidth=2058;
var mapHeight=1746;
var factor=.404;
var x_adj=-391;
var y_adj=37;
var x = (mapWidth*(180+lng)/360)%mapWidth+(mapWidth/2);
var latRad = lat*Math.PI/180;
var mercN = Math.log(Math.tan((Math.PI/4)+(latRad/2)));
var y = (mapHeight/2)-(mapWidth*mercN/(2*Math.PI));
return { x: x*factor+x_adj,y: y*factor+y_adj}
}

来源：http : //webdesignerwall.com/tutorials/interactive-world-javascript-map/comment-page-1? replytocom= 103225

[2]隐蔽纬度/经度指向墨卡托投影上的像素 (x,y)

2个回答

这些变量从何而来

选择这些变量以将计算出的坐标与地图的背景图像相匹配。如果地图的投影参数已知，则可以计算它们。但我相信它们更有可能是通过反复试验获得的。

如何计算墨卡托投影

如果您想要一种更通用的方法来描述给定（非横向）墨卡托地图显示的世界部分，您可以使用以下代码：

// This map would show Germany:
$south = deg2rad(47.2);
$north = deg2rad(55.2);
$west = deg2rad(5.8);
$east = deg2rad(15.2);

// This also controls the aspect ratio of the projection
$width = 1000;
$height = 1500;

// Formula for mercator projection y coordinate:
function mercY($lat) { return log(tan($lat/2 + M_PI/4)); }

// Some constants to relate chosen area to screen coordinates
$ymin = mercY($south);
$ymax = mercY($north);
$xFactor = $width/($east - $west);
$yFactor = $height/($ymax - $ymin);

function mapProject($lat, $lon) { // both in radians, use deg2rad if neccessary
  global $xFactor, $yFactor, $west, $ymax;
  $x = $lon;
  $y = mercY($lat);
  $x = ($x - $west)*$xFactor;
  $y = ($ymax - $y)*$yFactor; // y points south
  return array($x, $y);
}

此代码的演示运行可从http://ideone.com/05OhG6 获得。

关于纵横比

设置$xFactor != $yFactor产生一种拉伸墨卡托投影。这不再是共形（保角）了。如果想要真正的墨卡托投影，可以省略前六个变量赋值中的任何一个，即那些定义边界框或描述结果地图大小的赋值，然后使用一些计算也选择它满足$xFactor == $yFactor。但是由于选择省略哪个有点随意，所以我觉得上面的代码是描述事物最对称的方式。

@Phpdna：你知道国家边界还有其他来源，基于政治定义而不是凹壳？你可以尝试WDB，WVS，WBS（感谢gis.stackexchange.com/q/17435），SALB（感谢gis.stackexchange.com/a/512），OSM，...

2021-04-01 16:59:38

嗨，有人能告诉我如何将 Pixel 转换回 lan/lon 吗？谢谢：）

2021-04-01 16:59:38

这工作正常，但不适用于使用“谷歌墨卡托投影”的openstreet地图或谷歌地图，这似乎有点不同，所以点被绘制但不完全在正确的位置......

2021-04-11 16:59:38

以下是如何从您找到的函数中获取返回的变量 X 和 Y...

var xy=get_xy(56,34);

var X=xy.x;

var Y=xy.y;

现在 X 和 Y 包含坐标。

其它你可能感兴趣的问题

上一篇限制可写入路径的记录数（参考安全规则中的其他路径）下一篇如何将包含科学记数法的字符串转换为正确的 Javascript 数字格式