负长和纬度值,以及如何使它们在屏幕上显示

时间:2014-12-28 11:48:49

标签: javascript coordinates

我正在开展一个学校项目,我正在尝试创建一个仅包含机场位置的世界地图(及其相应的长值和纬度值)。

我必须为它创建一个数据库,并使用了一个sql语句(作业的一部分。 现在我能够看到long和lat的正值我认为:http://webpages.avans.nl/acue-gast01/database/index.html

但是,我不知道如何显示alt和long的负值...以及我如何将它们放在屏幕上。

这就是我所拥有的

$.getJSON("index.php", function(data) {
// show data in console
console.log(data);

$.each(data, function(key, val) {
    // show data per item in console
    console.log(key + " - " + "Longitude" + ": " + val.Airport_LONG + " | " + "Latitude" + ": " + val.Airport_LAT);

$("<div>").html(val.Airport_LAT, val.Airport_LONG)
    .css('background-color','white')
    .css('left',val.Airport_LONG/10*380 + "px")
    .css('top',val.Airport_LAT/10*380+"px")
    .css('margin','20px')
    .css('width','20px')
    .appendTo("body");
});
});

有没有人有想法?

1 个答案:

答案 0 :(得分:1)

目前,您的原点(0,0)是屏幕的左上角。任何具有负坐标的东西都将偏离左侧或顶部并且无法到达。

您可以通过执行类似(val.Airport_LONG/10*380 + 500)之类的操作来解决此问题,以移动原点并允许它们出现,但最佳解决方案可能是找到最小和最大坐标并使用它们来移动和缩放整个地图。