我正在使用 Leaflet.js 来保存覆盖图,并为用户提供使用多边形或圆形的选项。
为了使所有对象保持相同的格式,我在保存之前将圆转换为多边形。
但是,当我重新加载圆圈时,它是椭圆形的。
我知道这是由于地球的曲线,但我不确定如何纠正我的方法以考虑到这一点?(我已经看过但找不到任何能提供我所追求的解决方案的东西)。
主要问题是我在下面使用的 javascript 方法,因为它没有考虑到地球的曲线。
// GenerateCirlcePolygon - Creates Circle from 360 line Segments
function GenerateCirlcePolygon(origin, radius) {
var earthRadius = 6371;
//latitude in radians
var lat = (origin.Latitude * Math.PI) / 180;
//longitude in radians
var lon = (origin.Longitude * Math.PI) / 180;
//angular distance covered on earth's surface
var d = parseFloat(radius) / earthRadius;
polyPoints = new Array();
for (i = 0; i <= 360; i++) {
var point = new VELatLong(0, 0)
var bearing = i * Math.PI / 180; //rad
point.Latitude = Math.asin(Math.sin(lat) * Math.cos(d) + Math.cos(lat) * Math.sin(d) * Math.cos(bearing));
point.Longitude = ((lon + Math.atan2(Math.sin(bearing) * Math.sin(d) * Math.cos(lat), Math.cos(d) - Math.sin(lat) * Math.sin(point.Latitude))) * 180) / Math.PI;
point.Latitude = (point.Latitude * 180) / Math.PI;
polyPoints.push(point);
}
任何建议都会很棒。