代码之家 › 专栏 › 技术社区 › donohoe

将横向/纵向坐标转换为X/Y坐标

proj4js coordinates maps javascript php

donohoe · 技术社区 · 17 年前

我拥有纽约市的Lat/Long值;40.7560540,-73.9869510和地球的平面图像,1000px 446px。

因此,图像左上角的X,Y坐标为;289, 111

注意事项:

假设还是按照你所知道的去做可能有用
十、 Y可以形成图像的任何一个角
奖励积分在PHP中使用相同的解决方案(但我真的需要JS)

5 回复 | 直到 15 年前

Community Mohan Dere 14 年前

您使用的投影将改变一切,但这将在假设墨卡托投影的情况下起作用:

<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="mercator.png" style="position:absolute;top:0px;left:0px">
</body>
</html>

Mike Clark 17 年前

js中的一个基本转换函数是:

MAP_WIDTH = 1000;
MAP_HEIGHT = 446;

function convert(lat, lon){
    var y = ((-1 * lat) + 90) * (MAP_HEIGHT / 180);
    var x = (lon + 180) * (MAP_WIDTH / 360);
    return {x:x,y:y};
}

这将返回左上角的像素数。

确保您的图像正确对齐具有左上角(0,0) 以90*180北对齐* 西
你的坐标是用N,S,W和E来签名的+

hanno 17 年前

推荐文章

ANDREW EBARE · 如何按键对颤振中的地图进行排序

4 年前

user5405873 · 如何缩放距离标记15km半径内的区域

8 年前

Vpa · 谷歌地图在模态中只显示灰色,双击后显示

8 年前

Andre Frota · 映射API图标。scaledSize不工作

8 年前

JeanBertin · 使用R googlemap包按簇收集标记

8 年前

Diego Aguirre GarcÃa · 错误C2146:语法错误:按函数传递映射时,标识符mType之前缺少“,”

8 年前

Kaizer69 · 当用户当前位置更改时,订阅xamarin地图/地理定位器事件

8 年前

billy · 从连接到键的哈希集中删除值?

8 年前

Marc · 钛移动销坐标

8 年前

Srivignesh · 在地图中合并条目,而不使用scala中的循环

8 年前