将 X、Y 像素转换为经度和纬度
Convert X,Y pixel to Longitude and Latitude
我有一张 8640x11520 像素的图像,来自地图的一部分,是真实比例的。我需要将我的 x, y 点转换为坐标,有人知道吗??
var mapWidth = 8640;
var mapHeight = 11520;
var mapLatitudeStart = 28.349768989955244;
var mapLongitudeStart = -81.55803680419922;
var maxLatitude = 28.349806758250104;
var maxLongitude = -81.541128;
var pointNeedConversion = {'x': 4813.10 'y': 2674.84};
var pointLatitude = ??
当您映射到 lat/long 时,请注意,您不能使用 线性比例 来做到这一点,您必须检查应用了哪种投影到地图,然后相应地转换坐标。
通常地图是 WGS84 Projections,因此您必须对墨卡托投影应用逆向公式。
这项任务并不简单,所以我的建议是依赖像 Proj4js
这样的库
这个库的用法很简单,你提供一个参考系统来工作,然后你就可以在另一个投影上转换坐标。
// include the library
<script src="lib/proj4js-combined.js"></script> //adjust the path for your server
//or else use the compressed version
// creating source and destination Proj4js objects
// once initialized, these may be re-used as often as needed
var source = new Proj4js.Proj('EPSG:4326'); //source coordinates will be in Longitude/Latitude, WGS84
var dest = new Proj4js.Proj('EPSG:3785'); //destination coordinates in meters, global spherical mercators projection, see http://spatialreference.org/ref/epsg/3785/
// transforming point coordinates
var p = new Proj4js.Point(-76.0,45.0); //any object will do as long as it has 'x' and 'y' properties
Proj4js.transform(source, dest, p); //do the transformation. x and y are modified in place
//p.x and p.y are now EPSG:3785 in meters
摘录来源:Convert long/lat to pixel x/y on a given picture
工作示例:
var dest = new proj4.Proj('EPSG:4326'); //destination coordinates coordinates will be in Longitude/Latitude, WGS84 , global spherical mercators projection, see http://spatialreference.org/ref/epsg/3785/
var source = new proj4.Proj('EPSG:3785'); //source coordinates in meters
$("#convert").on("click", function(){
var p = new proj4.Point($("#x").val(), $("#y").val() );
proj4.transform(source, dest, p);
alert("lng : " +p.x + " \nlat : " + p.y);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.3/proj4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
x : <input type="number" id="x" />
y : <input type="number" id="y" />
<button id="convert">Convert</button>
注意:如果您打算使用它来映射 GPS 信号,则必须知道地图角的 lat/lon 是什么。
这里有一个图形示例,直观地解释了为什么线性比例不合适:
仔细看看(例如)格陵兰岛的大小,在 墨卡托投影 space 坐标上它看起来 比北美大。当然不是!
我有一张 8640x11520 像素的图像,来自地图的一部分,是真实比例的。我需要将我的 x, y 点转换为坐标,有人知道吗??
var mapWidth = 8640;
var mapHeight = 11520;
var mapLatitudeStart = 28.349768989955244;
var mapLongitudeStart = -81.55803680419922;
var maxLatitude = 28.349806758250104;
var maxLongitude = -81.541128;
var pointNeedConversion = {'x': 4813.10 'y': 2674.84};
var pointLatitude = ??
当您映射到 lat/long 时,请注意,您不能使用 线性比例 来做到这一点,您必须检查应用了哪种投影到地图,然后相应地转换坐标。
通常地图是 WGS84 Projections,因此您必须对墨卡托投影应用逆向公式。
这项任务并不简单,所以我的建议是依赖像 Proj4js
这样的库这个库的用法很简单,你提供一个参考系统来工作,然后你就可以在另一个投影上转换坐标。
// include the library
<script src="lib/proj4js-combined.js"></script> //adjust the path for your server
//or else use the compressed version
// creating source and destination Proj4js objects
// once initialized, these may be re-used as often as needed
var source = new Proj4js.Proj('EPSG:4326'); //source coordinates will be in Longitude/Latitude, WGS84
var dest = new Proj4js.Proj('EPSG:3785'); //destination coordinates in meters, global spherical mercators projection, see http://spatialreference.org/ref/epsg/3785/
// transforming point coordinates
var p = new Proj4js.Point(-76.0,45.0); //any object will do as long as it has 'x' and 'y' properties
Proj4js.transform(source, dest, p); //do the transformation. x and y are modified in place
//p.x and p.y are now EPSG:3785 in meters
摘录来源:Convert long/lat to pixel x/y on a given picture
工作示例:
var dest = new proj4.Proj('EPSG:4326'); //destination coordinates coordinates will be in Longitude/Latitude, WGS84 , global spherical mercators projection, see http://spatialreference.org/ref/epsg/3785/
var source = new proj4.Proj('EPSG:3785'); //source coordinates in meters
$("#convert").on("click", function(){
var p = new proj4.Point($("#x").val(), $("#y").val() );
proj4.transform(source, dest, p);
alert("lng : " +p.x + " \nlat : " + p.y);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.3/proj4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
x : <input type="number" id="x" />
y : <input type="number" id="y" />
<button id="convert">Convert</button>
注意:如果您打算使用它来映射 GPS 信号,则必须知道地图角的 lat/lon 是什么。
这里有一个图形示例,直观地解释了为什么线性比例不合适:
仔细看看(例如)格陵兰岛的大小,在 墨卡托投影 space 坐标上它看起来 比北美大。当然不是!